Updated: Number Input Updated.

.vscode/settings.json

@@ -1,4 +1,4 @@
 {
   "css.lint.unknownAtRules": "ignore",
-  "cSpell.words": ["Nuxt"]
+  "cSpell.words": ["embla", "Nuxt"]
 }

app/components/ComponentsList.tsx

@@ -1,9 +1,9 @@
 'use client'
 import { CloudArrowUp, DotsThree, HouseLine, Phone, SignIn, User } from 'phosphor-react'
-import { ChangeEvent, useState } from 'react'
+import { useState } from 'react'
 import { CustomizedBarSizeWithAxisData } from '../docs/components/barChart/variant/CustomizedBarSizeWithAxisData'
 import { DefaultRadio } from '../docs/components/radio/variant/DefaultRadio'
-import { Button, CheckboxGroup, DatePicker, Modal, Pagination, Slider, Tabs, Tooltip } from '../src'
+import { Button, DatePicker, Modal, Pagination, Slider, Tabs, Tooltip } from '../src'
 
 export const SliderComponent = () => {
   return (
@@ -57,48 +57,6 @@ export const BarChartComponent = () => {
     </div>
   )
 }
-export const CheckboxGroupComponent = () => {
-  const [selected, setSelected] = useState('')
-  const handleOptionChange = (e: ChangeEvent<HTMLInputElement>) => {
-    setSelected(e.target.value)
-  }
-  return (
-    <div className="scale-50">
-      <form className="space-y-4 p-5">
-        <CheckboxGroup
-          title="Paypal"
-          description="Payment with paypal and get 10% discount"
-          checkboxType="circle"
-          img="/images/company/paypal.png"
-          imgShape="circle"
-          value="paypal"
-          selected={selected}
-          onOptionChange={handleOptionChange}
-        />
-        <CheckboxGroup
-          title="Stripe"
-          description="Payment with stripe and get 10% discount"
-          checkboxType="circle"
-          img="/images/company/stripe.png"
-          imgShape="circle"
-          value="stripe"
-          selected={selected}
-          onOptionChange={handleOptionChange}
-        />
-        <CheckboxGroup
-          title="Visa"
-          description="Payment with Visa and get 10% discount"
-          checkboxType="circle"
-          img="/images/company/Visa.png"
-          imgShape="circle"
-          value="Visa"
-          selected={selected}
-          onOptionChange={handleOptionChange}
-        />
-      </form>
-    </div>
-  )
-}
 export const DatePickerComponent = () => {
   return (
     <div className="mx-auto flex w-3/5 scale-75">

app/docs/components/accordion/variant/DefaultAccordion.tsx

@@ -6,7 +6,7 @@ const DefaultAccordion = () => {
     <Accordion>
       <Accordion.Panel>
         <Accordion.Container>
-          <Accordion.Title>Q. What is the of the Keep React?</Accordion.Title>
+          <Accordion.Title>Q. What is the purpose of the Keep React?</Accordion.Title>
           <Accordion.Icon />
         </Accordion.Container>
         <Accordion.Content>
@@ -28,7 +28,7 @@ export const AccordionComponent = () => {
     <Accordion>
       <Accordion.Panel>
         <Accordion.Container>
-          <Accordion.Title>Q. What is the of the Keep React?</Accordion.Title>
+          <Accordion.Title>Q. What is the purpose of the Keep React?</Accordion.Title>
           <Accordion.Icon />
         </Accordion.Container>
         <Accordion.Content>