Fixed: Component Issue Fixed.

StaticMania · Mar 4, 2024 · 690b547 · 690b547
1 parent 057021e
commit 690b547
Show file tree

Hide file tree

Showing 50 changed files with 15 additions and 1,246 deletions.
diff --git a/app/components/TopProgressBar.tsx b/app/components/TopProgressBar.tsx
@@ -5,7 +5,7 @@ import { Suspense } from 'react'
 const TopProgressBar = () => {
   return (
     <Suspense>
-      <ProgressBar height="2px" color="#1B4DFF" options={{ showSpinner: false }} />
+      <ProgressBar height="2px" color="#1B4DFF" options={{ showSpinner: false }} shallowRouting />
     </Suspense>
   )
 }

diff --git a/app/docs/components/accordion/variant/AccordionOpenPanel.tsx b/app/docs/components/accordion/variant/AccordionOpenPanel.tsx
@@ -45,7 +45,7 @@ const AccordionOpenPanelCode = `
 'use client'
 import { Accordion } from 'keep-react'
 
-const AccordionOpenPanel = () => {
+export const AccordionComponent = () => {
   return (
     <Accordion openFirstPanel={true} className="space-y-4">
       <Accordion.Panel>

diff --git a/app/docs/components/breadcrumb/variant/BreadcrumbDividerIcon.tsx b/app/docs/components/breadcrumb/variant/BreadcrumbDividerIcon.tsx
@@ -32,7 +32,7 @@ const BreadcrumbDividerIcon = () => {
 
 const BreadcrumbDividerIconCode = `
 'use client'
-import { Breadcrumb } from "keep-react"
+import { Breadcrumb } from 'keep-react'
 
 export const BreadcrumbComponent = () => {
   return (

diff --git a/app/docs/components/breadcrumb/variant/BreadcrumbWithBorder.tsx b/app/docs/components/breadcrumb/variant/BreadcrumbWithBorder.tsx
@@ -31,7 +31,8 @@ const BreadcrumbWithBorder = () => {
 }
 
 const BreadcrumbWithBorderCode = `
-import { Breadcrumb } from "keep-react";
+'use client'
+import { Breadcrumb } from 'keep-react'
 
 export const BreadcrumbComponent = () => {
   return (

diff --git a/app/docs/components/buttonGroup/variant/ButtonGroupWithIcon.tsx b/app/docs/components/buttonGroup/variant/ButtonGroupWithIcon.tsx
@@ -37,7 +37,7 @@ export const ButtonGroupComponent = () => {
         </span>
         Profile
       </Button>
-      <Button  position="middle">
+      <Button  position="center">
         <span className="pr-2">
           <Gear size={24} />
         </span>

diff --git a/app/docs/components/buttonGroup/variant/ButtonGroupWithOnlyIcon.tsx b/app/docs/components/buttonGroup/variant/ButtonGroupWithOnlyIcon.tsx
@@ -1,6 +1,6 @@
 'use client'
-import { Button } from '../../../../src'
 import { ChatCircleDots, Cube, Gear } from 'phosphor-react'
+import { Button } from '../../../../src'
 
 const ButtonGroupWithOnlyIcon = () => {
   return (
@@ -23,7 +23,7 @@ const ButtonGroupWithOnlyIconCode = `
 import { Button } from 'keep-react'
 import { ChatCircleDots, Cube, Gear } from 'phosphor-react'
 
-const ButtonGroupWithOnlyIcon = () => {
+export const ButtonGroupComponent = () => {
   return (
     <Button.Group>
       <Button position="start" shape="icon">

diff --git a/app/docs/components/buttonGroup/variant/DefaultButtonGroup.tsx b/app/docs/components/buttonGroup/variant/DefaultButtonGroup.tsx
@@ -24,8 +24,8 @@ export const ButtonGroupComponent = () => {
         <Button position="center">Settings</Button>
         <Button position="end">Messages</Button>
     </Button.Group>
-  );
-};
+  )
+}
 `
 
 export { DefaultButtonGroup, DefaultButtonGroupCode }
diff --git a/app/docs/components/checkbox/variant/CheckboxVariant.tsx b/app/docs/components/checkbox/variant/CheckboxVariant.tsx
@@ -33,7 +33,7 @@ const CheckboxVariantCode = `
 'use client'
 import { Checkbox, Label } from 'keep-react'
 
-const CheckboxVariant = () => {
+export const CheckboxComponent = () => {
   return (
     <>
       <fieldset className="flex items-center gap-2">

diff --git a/app/docs/components/numberInput/variant/DefaultNumberInput.tsx b/app/docs/components/numberInput/variant/DefaultNumberInput.tsx
@@ -8,7 +8,7 @@ const DefaultNumberInput = () => {
       <NumberInput.Button>
         <Minus size={16} color="#455468" />
       </NumberInput.Button>
-      <NumberInput.Input defaultValue={12} />
+      <NumberInput.Input defaultValue={0} />
       <NumberInput.Button>
         <Plus size={16} color="#455468" />
       </NumberInput.Button>
@@ -27,7 +27,7 @@ export const NumberInputComponent = () => {
       <NumberInput.Button>
         <Minus size={16} color="#455468" />
       </NumberInput.Button>
-      <NumberInput.Input defaultValue={12} />
+      <NumberInput.Input defaultValue={0} />
       <NumberInput.Button>
         <Plus size={16} color="#455468" />
       </NumberInput.Button>

diff --git a/app/docs/components/play/Play.mdx b/app/docs/components/play/Play.mdx
diff --git a/app/docs/components/play/PlayApi.ts b/app/docs/components/play/PlayApi.ts
diff --git a/app/docs/components/play/index.tsx b/app/docs/components/play/index.tsx
diff --git a/app/docs/components/play/page.tsx b/app/docs/components/play/page.tsx
diff --git a/app/docs/components/play/variant/CustomizePlay.tsx b/app/docs/components/play/variant/CustomizePlay.tsx
diff --git a/app/docs/components/play/variant/DefaultPlay.tsx b/app/docs/components/play/variant/DefaultPlay.tsx
diff --git a/app/docs/components/play/variant/PlayColorVariant.tsx b/app/docs/components/play/variant/PlayColorVariant.tsx