@petnow/ui 1.7.7 → 2.1.0

package/dist/src/components/mobile/checkbox/Checkbox.d.ts

@@ -0,0 +1,9 @@
+interface Props {
+    className?: string;
+    id?: string;
+    onChange: (newValue: boolean) => void;
+    disabled?: boolean;
+    isChecked?: boolean;
+}
+declare const Checkbox: ({ className, id, onChange, disabled, isChecked }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Checkbox;

package/dist/src/components/{checkbox → mobile/checkbox}/Checkbox.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { default as Checkbox } from './Checkbox.tsx';
+import { default as Checkbox } from './Checkbox';
 declare const meta: Meta<typeof Checkbox>;
 export default meta;
 type Story = StoryObj<typeof Checkbox>;

package/dist/src/components/mobile/chip/Chip.d.ts

@@ -0,0 +1,9 @@
+interface Props {
+    className?: string;
+    text: string;
+    isSelected: boolean;
+    onClick: () => void;
+    disabled?: boolean;
+}
+declare const Chip: ({ className, text, isSelected, onClick, disabled }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Chip;

package/dist/src/components/mobile/chip/Chip.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as Chip } from './Chip';
+declare const meta: Meta<typeof Chip>;
+export default meta;
+type Story = StoryObj<typeof Chip>;
+export declare const Default: Story;

package/dist/src/components/{modal/Modal.d.ts → mobile/popup/Popup.d.ts}

@@ -6,6 +6,12 @@ interface Props {
     description?: string;
     confirm: Confirm;
     cancel?: Cancel;
+    className?: {
+        popup?: string;
+        image?: string;
+        title?: string;
+        description?: string;
+    };
 }
 interface Image {
     url: string;
@@ -18,5 +24,5 @@ interface Confirm {
 interface Cancel {
     text: string;
 }
-declare const Modal: (props: Props) => import("react/jsx-runtime").JSX.Element;
-export default Modal;
+declare const Popup: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default Popup;

package/dist/src/components/{modal/Modal.stories.d.ts → mobile/popup/Popup.stories.d.ts}

@@ -1,10 +1,9 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { default as Modal } from './Modal';
-declare const meta: Meta<typeof Modal>;
+import { default as Popup } from './Popup';
+declare const meta: Meta<typeof Popup>;
 export default meta;
-type Story = StoryObj<typeof Modal>;
+type Story = StoryObj<typeof Popup>;
 export declare const Default: Story;
-export declare const Japanese: Story;
 export declare const OnlyTitle: Story;
 export declare const OnlyConfirm: Story;
 export declare const OnlyTitleAndConfirm: Story;

package/dist/src/components/{radio → mobile/radio}/Radio.d.ts

@@ -4,7 +4,7 @@ interface Props {
     name?: string;
     onChange: () => void;
     disabled?: boolean;
-    checked?: boolean;
+    isChecked?: boolean;
 }
-declare const Radio: ({ className, id, name, onChange, disabled, checked }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const Radio: ({ className, id, name, onChange, disabled, isChecked }: Props) => import("react/jsx-runtime").JSX.Element;
 export default Radio;

package/dist/src/components/mobile/tab/Tab.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+interface TabItem {
+    readonly displayName: string;
+    readonly key: string;
+    readonly content: ReactNode;
+}
+interface Props<T extends TabItem> {
+    tabList: Readonly<T[]>;
+    isCuratedcontent?: true;
+    unswipeableContent?: JSX.Element;
+    defaultIndex?: number;
+    onTabChange?: (index: number) => void;
+    disabled?: boolean;
+    className?: {
+        Tab: string;
+        tabTitle: string;
+        underline: string;
+    };
+}
+declare const Tab: <T extends TabItem>({ className, tabList, isCuratedcontent, unswipeableContent, defaultIndex, onTabChange, disabled, }: Props<T>) => import("react/jsx-runtime").JSX.Element;
+export default Tab;

package/dist/src/components/mobile/tab/Tab.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as Tab } from './Tab';
+declare const meta: Meta<typeof Tab>;
+export default meta;
+type Story = StoryObj<typeof Tab>;
+export declare const Default: Story;
+export declare const ThreeTabWithCuratedContent: Story;

package/dist/src/components/mobile/toggle/Toggle.d.ts

@@ -0,0 +1,10 @@
+interface Props {
+    className?: string;
+    id?: string;
+    name?: string;
+    onChange: () => void;
+    disabled?: boolean;
+    isChecked?: boolean;
+}
+declare const Toggle: ({ className, id, name, onChange, disabled, isChecked }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Toggle;

package/dist/src/components/mobile/toggle/Toggle.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as Toggle } from './Toggle';
+declare const meta: Meta<typeof Toggle>;
+export default meta;
+type Story = StoryObj<typeof Toggle>;
+export declare const Default: Story;

package/dist/src/components/pc/checkbox/LabeledCheckbox.d.ts

@@ -0,0 +1,8 @@
+interface Props {
+    checked?: boolean;
+    label?: string;
+    onChange: (newValue: boolean) => void;
+    termImageUrl: string;
+}
+declare const LabeledCheckbox: ({ checked, label, onChange, termImageUrl }: Props) => import("react/jsx-runtime").JSX.Element;
+export default LabeledCheckbox;

package/dist/src/components/pc/checkbox/LabeledCheckbox.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as Checkbox } from './LabeledCheckbox.tsx';
+declare const meta: Meta<typeof Checkbox>;
+export default meta;
+type Story = StoryObj<typeof Checkbox>;
+export declare const Default: Story;

package/dist/src/components/pc/input/LabeledInput.d.ts

@@ -0,0 +1,15 @@
+import { ChangeEvent, LegacyRef, ReactNode } from 'react';
+interface Props {
+    label: string;
+    value?: string;
+    defaultValue?: string;
+    placeholder: string;
+    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+    inputRef?: LegacyRef<HTMLInputElement>;
+    disabled?: boolean;
+    maxLength?: number;
+    helperText?: string | ReactNode;
+    isNumber?: true;
+}
+export declare const LabeledInput: ({ label, value, defaultValue, placeholder, onChange, inputRef, disabled, maxLength, helperText, isNumber, }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/pc/input/LabeledInput.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { LabeledInput } from './LabeledInput.tsx';
+declare const meta: Meta<typeof LabeledInput>;
+export default meta;
+type Story = StoryObj<typeof LabeledInput>;
+export declare const Default: Story;

package/dist/test/LabeledCheckbox.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/LabeledInput.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/Toggle.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@petnow/ui",
-  "version": "1.7.7",
+  "version": "2.1.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -16,13 +16,16 @@
   },
   "dependencies": {
     "@headlessui/react": "^2.2.2",
+    "@types/react-swipeable-views": "^0.13.6",
     "clsx": "^2.1.1",
     "date-fns": "^4.1.0",
+    "keen-slider": "^6.8.6",
     "react": "^18.2.0",
     "react-datepicker": "^8.3.0",
     "react-daum-postcode": "^3.2.0",
     "react-dom": "^18.2.0",
     "react-icons": "^5.5.0",
+    "react-swipeable-views": "^0.14.0",
     "tailwind-merge": "^3.2.0"
   },
   "devDependencies": {
@@ -55,7 +58,7 @@
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "jest-transformer-svg": "^2.0.2",
-    "postcss": "^8.5.3",
+    "postcss": "^8.5.4",
     "prettier": "^3.5.3",
     "prettier-plugin-tailwindcss": "^0.6.11",
     "storybook": "^8.5.3",

package/dist/src/components/button/CtaButton.d.ts

@@ -1,8 +0,0 @@
-interface Props {
-    className?: string;
-    text: string;
-    onClick?: () => void;
-    disabled?: boolean;
-}
-declare const CtaButton: ({ className, text, onClick, disabled }: Props) => import("react/jsx-runtime").JSX.Element;
-export default CtaButton;

package/dist/src/components/button/CtaButton.stories.d.ts

@@ -1,8 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { default as CtaButton } from './CtaButton.tsx';
-declare const meta: Meta<typeof CtaButton>;
-export default meta;
-type Story = StoryObj<typeof CtaButton>;
-export declare const Default: Story;
-export declare const Disabled: Story;
-export declare const AdditionalClassName: Story;

package/dist/src/components/checkbox/Checkbox.d.ts

@@ -1,8 +0,0 @@
-interface Props {
-    checked?: boolean;
-    label?: string;
-    onChange: (newValue: boolean) => void;
-    termImageUrl: string;
-}
-declare const Checkbox: ({ checked, label, onChange, termImageUrl }: Props) => import("react/jsx-runtime").JSX.Element;
-export default Checkbox;

package/dist/src/components/tab/Tabs.d.ts

@@ -1,10 +0,0 @@
-interface TabItem {
-    readonly displayName: string;
-    readonly key: string;
-}
-interface Props<T extends TabItem> {
-    tabList: Readonly<T[]>;
-    onTabChange: (newValue: Readonly<T>) => void;
-}
-declare const Tabs: <T extends TabItem>({ tabList, onTabChange }: Props<T>) => import("react/jsx-runtime").JSX.Element;
-export default Tabs;

package/dist/src/components/tab/Tabs.stories.d.ts

@@ -1,8 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { default as Tabs } from './Tabs.tsx';
-declare const meta: Meta<typeof Tabs>;
-export default meta;
-type Story = StoryObj<typeof Tabs>;
-export declare const Default: Story;
-export declare const Three: Story;
-export declare const Four: Story;