@reitwagen/design-components 0.3.1 → 0.6.0

package/dist/components/RadioGroup/RadioGroup.stories.js

@@ -0,0 +1,103 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Uncontrolled = exports.Controlled = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const RadioGroup_1 = require("./RadioGroup");
+const Radio_1 = require("../Radio/Radio");
+const meta = {
+    title: "Components/RadioGroup",
+    component: RadioGroup_1.RadioGroup,
+    tags: ["autodocs"],
+    parameters: {
+        layout: "centered",
+        docs: {
+            description: {
+                component: `
+여러 개의 Radio를 묶어 단일 선택을 강제하는 컴포넌트입니다.  
+\`value\`를 넘기면 제어 모드로, \`defaultValue\`만 넘기면 비제어 모드로 동작합니다.
+        `,
+            },
+        },
+    },
+    argTypes: {
+        value: {
+            control: "text",
+        },
+        defaultValue: {
+            control: "text",
+        },
+        disabled: { control: "boolean" },
+        className: {
+            control: "text",
+            description: "ui:gap-3",
+        },
+        children: {
+            table: {
+                disable: true,
+            },
+        },
+    },
+};
+exports.default = meta;
+function ControlledRadioGroup(props) {
+    const [value, setValue] = (0, react_1.useState)("b");
+    return ((0, jsx_runtime_1.jsxs)(RadioGroup_1.RadioGroup, { ...props, value: value, onValueChange: setValue, children: [(0, jsx_runtime_1.jsx)(Radio_1.Radio, { value: "a", children: "A" }), (0, jsx_runtime_1.jsx)(Radio_1.Radio, { value: "b", children: "B" }), (0, jsx_runtime_1.jsx)(Radio_1.Radio, { value: "c", children: "C" })] }));
+}
+exports.Controlled = {
+    parameters: {
+        layout: "centered",
+        docs: {
+            description: {
+                story: `
+### 상태를 외부에서 관리하는 방식
+  
+RadioGroup의 상태를 외부에서 관리하려면 \`value\`와 \`onValueChange\` 속성을 함께 사용하세요.
+          `,
+            },
+            source: {
+                code: `
+  function Controlled() {
+    const [value, setValue] = useState("b");
+  
+    return (
+      <RadioGroup value={value} onValueChange={setValue} className="gap-3">
+        <Radio value="a">A</Radio>
+        <Radio value="b">B</Radio>
+        <Radio value="c">C</Radio>
+      </RadioGroup>
+    );
+  }
+          `.trim(),
+            },
+        },
+    },
+    render: (props) => (0, jsx_runtime_1.jsx)(ControlledRadioGroup, { ...props }),
+    args: {
+        value: "b",
+        children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}),
+        disabled: false,
+        className: "ui:gap-3",
+    },
+};
+exports.Uncontrolled = {
+    parameters: {
+        layout: "centered",
+        docs: {
+            description: {
+                story: `
+### 상태를 내부에서 관리하는 방식
+  
+RadioGroup의 상태를 내부에서 자동으로 관리하려면 \`defaultValue\` 속성을 사용하세요.
+          `,
+            },
+        },
+    },
+    render: (props) => ((0, jsx_runtime_1.jsxs)(RadioGroup_1.RadioGroup, { ...props, defaultValue: "b", children: [(0, jsx_runtime_1.jsx)(Radio_1.Radio, { value: "a", children: "A" }), (0, jsx_runtime_1.jsx)(Radio_1.Radio, { value: "b", children: "B" }), (0, jsx_runtime_1.jsx)(Radio_1.Radio, { value: "c", children: "C" })] })),
+    args: {
+        defaultValue: "b",
+        children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}),
+        disabled: false,
+        className: "ui:gap-3",
+    },
+};

package/dist/components/RadioGroup/index.d.ts

@@ -0,0 +1,2 @@
+export { RadioGroup } from "./RadioGroup";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/RadioGroup/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/RadioGroup/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RadioGroup = void 0;
+var RadioGroup_1 = require("./RadioGroup");
+Object.defineProperty(exports, "RadioGroup", { enumerable: true, get: function () { return RadioGroup_1.RadioGroup; } });

package/dist/components/Toggle/Toggle.d.ts

@@ -1,12 +1,14 @@
-import { ButtonHTMLAttributes } from "react";
+import { ElementType } from "react";
 import { type VariantProps } from "class-variance-authority";
 import { toggleVariants } from "./Toggle.styles";
-export interface ToggleProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "disabled">, VariantProps<typeof toggleVariants> {
+import { PolymorphicComponentWithRef } from "../../types/props";
+type ToggleOwnProps = VariantProps<typeof toggleVariants> & {
     /**
      * 토글 상태가 변경될 때 호출되는 이벤트 핸들러
      */
     onCheckedChange?: (checked: boolean) => void;
-}
+};
+export type ToggleProps<C extends ElementType> = PolymorphicComponentWithRef<C, ToggleOwnProps>;
 /**
  * `Toggle`: 즉각적인 상태 전환(켜기/끄기)을 위한 요소로, 활성화/비활성화 기능을 나타냅니다.
  * @see [RDS Storybook: Toggle](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-toggle--docs)
@@ -19,14 +21,12 @@ export interface ToggleProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement
  *   onCheckedChange={setChecked}
  * />
  * // UnControlled
- * <Toggle defaultChecked={true}
- * />
+ * <Toggle defaultChecked={true} />
  * ```
- *
- *
  */
-export declare function Toggle({ checked: controlledChecked, defaultChecked, disabled, onCheckedChange, ...props }: ToggleProps): import("react/jsx-runtime").JSX.Element;
+export declare function Toggle<C extends ElementType = "button">({ checked: controlledChecked, defaultChecked, disabled, onCheckedChange, ...props }: ToggleProps<C>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Toggle {
     var displayName: string;
 }
+export {};
 //# sourceMappingURL=Toggle.d.ts.map

package/dist/components/Toggle/Toggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAY,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,EAAiB,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEhE,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,EAC/D,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9C;AAED;;;;;;;;;;;;;;;;;GAiBG;AAEH,wBAAgB,MAAM,CAAC,EACrB,OAAO,EAAE,iBAAiB,EAC1B,cAAc,EACd,QAAQ,EACR,eAAe,EACf,GAAG,KAAK,EACT,EAAE,WAAW,2CAmCb;yBAzCe,MAAM"}
+{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAY,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,EAAiB,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAChE,OAAO,EAAE,2BAA2B,EAAE,MAAM,mBAAmB,CAAC;AAEhE,KAAK,cAAc,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IAC1D;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9C,CAAC;AAEF,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,WAAW,IAAI,2BAA2B,CAC1E,CAAC,EACD,cAAc,CACf,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AAEH,wBAAgB,MAAM,CAAC,CAAC,SAAS,WAAW,GAAG,QAAQ,EAAE,EACvD,OAAO,EAAE,iBAAiB,EAC1B,cAAc,EACd,QAAQ,EACR,eAAe,EACf,GAAG,KAAK,EACT,EAAE,WAAW,CAAC,CAAC,CAAC,2CAmChB;yBAzCe,MAAM"}

package/dist/components/Toggle/Toggle.js

@@ -18,11 +18,8 @@ const Toggle_styles_1 = require("./Toggle.styles");
  *   onCheckedChange={setChecked}
  * />
  * // UnControlled
- * <Toggle defaultChecked={true}
- * />
+ * <Toggle defaultChecked={true} />
  * ```
- *
- *
  */
 function Toggle({ checked: controlledChecked, defaultChecked, disabled, onCheckedChange, ...props }) {
     const [uncontrolledChecked, setUncontrolledChecked] = (0, react_1.useState)(defaultChecked);

package/dist/components/Toggle/Toggle.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAC;AAE/C,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;CAwBqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAcnC,eAAO,MAAM,UAAU,EAAE,KA8CxB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KA2B1B,CAAC"}
+{"version":3,"file":"Toggle.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAC;AAE/C,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;CAwBqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAgBnC,eAAO,MAAM,UAAU,EAAE,KA8CxB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KA2B1B,CAAC"}

package/dist/components/Toggle/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}

package/dist/index.css

@@ -8,6 +8,9 @@
     "Noto Sans KR", "Malgun Gothic", sans-serif;
     --ui-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
       "Courier New", monospace;
+    --ui-color-red-50: #fff3f3;
+    --ui-color-red-200: #ffbbbb;
+    --ui-color-red-500: #f65353;
     --ui-color-blue-50: #eef6ff;
     --ui-color-blue-100: #cfe6ff;
     --ui-color-blue-300: #a0cbff;
@@ -268,6 +271,17 @@
   .ui\:pointer-events-none {
     pointer-events: none;
   }
+  .ui\:sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip-path: inset(50%);
+    white-space: nowrap;
+    border-width: 0;
+  }
   .ui\:my-3 {
     margin-block: calc(var(--ui-spacing) * 3);
   }
@@ -280,6 +294,9 @@
   .ui\:inline-flex {
     display: inline-flex;
   }
+  .ui\:h-3 {
+    height: calc(var(--ui-spacing) * 3);
+  }
   .ui\:h-6 {
     height: calc(var(--ui-spacing) * 6);
   }
@@ -310,15 +327,24 @@
   .ui\:h-\[40px\] {
     height: 40px;
   }
+  .ui\:h-\[50px\] {
+    height: 50px;
+  }
   .ui\:h-\[52px\] {
     height: 52px;
   }
   .ui\:h-px {
     height: 1px;
   }
+  .ui\:w-3 {
+    width: calc(var(--ui-spacing) * 3);
+  }
   .ui\:w-6 {
     width: calc(var(--ui-spacing) * 6);
   }
+  .ui\:w-80 {
+    width: calc(var(--ui-spacing) * 80);
+  }
   .ui\:w-\[21px\] {
     width: 21px;
   }
@@ -351,6 +377,9 @@
   .ui\:cursor-default {
     cursor: default;
   }
+  .ui\:cursor-not-allowed {
+    cursor: not-allowed;
+  }
   .ui\:cursor-pointer {
     cursor: pointer;
   }
@@ -378,12 +407,22 @@
   .ui\:gap-2 {
     gap: calc(var(--ui-spacing) * 2);
   }
+  .ui\:gap-3 {
+    gap: calc(var(--ui-spacing) * 3);
+  }
   .ui\:gap-4 {
     gap: calc(var(--ui-spacing) * 4);
   }
   .ui\:gap-5 {
     gap: calc(var(--ui-spacing) * 5);
   }
+  .ui\:space-y-6 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--ui-spacing) * 6) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--ui-spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
   .ui\:rounded-\[8px\] {
     border-radius: 8px;
   }
@@ -396,6 +435,9 @@
   .ui\:rounded-\[14px\] {
     border-radius: 14px;
   }
+  .ui\:rounded-\[16px\] {
+    border-radius: 16px;
+  }
   .ui\:rounded-full {
     border-radius: calc(infinity * 1px);
   }
@@ -419,6 +461,9 @@
   .ui\:border-gray-200 {
     border-color: var(--ui-color-gray-200);
   }
+  .ui\:border-red-200 {
+    border-color: var(--ui-color-red-200);
+  }
   .ui\:bg-blue-50 {
     background-color: var(--ui-color-blue-50);
   }
@@ -452,9 +497,15 @@
   .ui\:bg-gray-800 {
     background-color: var(--ui-color-gray-800);
   }
+  .ui\:bg-red-50 {
+    background-color: var(--ui-color-red-50);
+  }
   .ui\:bg-white {
     background-color: var(--ui-color-white);
   }
+  .ui\:px-4 {
+    padding-inline: calc(var(--ui-spacing) * 4);
+  }
   .ui\:px-\[10px\] {
     padding-inline: 10px;
   }
@@ -638,6 +689,9 @@
   .ui\:text-gray-300 {
     color: var(--ui-color-gray-300);
   }
+  .ui\:text-gray-400 {
+    color: var(--ui-color-gray-400);
+  }
   .ui\:text-gray-500 {
     color: var(--ui-color-gray-500);
   }
@@ -650,9 +704,18 @@
   .ui\:text-gray-800 {
     color: var(--ui-color-gray-800);
   }
+  .ui\:text-red-500 {
+    color: var(--ui-color-red-500);
+  }
   .ui\:text-white {
     color: var(--ui-color-white);
   }
+  .ui\:opacity-0 {
+    opacity: 0%;
+  }
+  .ui\:opacity-100 {
+    opacity: 100%;
+  }
   .ui\:ring-0 {
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -675,16 +738,48 @@
     --tw-duration: 300ms;
     transition-duration: 300ms;
   }
+  .ui\:outline-none {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
   .ui\:select-none {
     -webkit-user-select: none;
     user-select: none;
   }
+  .ui\:placeholder\:text-body4 {
+    &::placeholder {
+      font-size: var(--ui-text-body4);
+      line-height: var(--tw-leading, var(--ui-text-body4--line-height));
+      letter-spacing: var(--tw-tracking, var(--ui-text-body4--letter-spacing));
+      font-weight: var(--tw-font-weight, var(--ui-text-body4--font-weight));
+    }
+  }
+  .ui\:placeholder\:text-gray-500 {
+    &::placeholder {
+      color: var(--ui-color-gray-500);
+    }
+  }
+  .ui\:focus\:border-gray-200 {
+    &:focus {
+      border-color: var(--ui-color-gray-200);
+    }
+  }
+  .ui\:focus\:bg-gray-50 {
+    &:focus {
+      background-color: var(--ui-color-gray-50);
+    }
+  }
   .ui\:focus\:ring-0 {
     &:focus {
       --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
+  .ui\:active\:border-blue-800 {
+    &:active {
+      border-color: var(--ui-color-blue-800);
+    }
+  }
   .ui\:active\:border-gray-100 {
     &:active {
       border-color: var(--ui-color-gray-100);
@@ -937,6 +1032,11 @@
   inherits: false;
   initial-value: 0;
 }
+@property --tw-space-y-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
 @property --tw-border-style {
   syntax: "*";
   inherits: false;
@@ -1017,6 +1117,7 @@
       --tw-translate-x: 0;
       --tw-translate-y: 0;
       --tw-translate-z: 0;
+      --tw-space-y-reverse: 0;
       --tw-border-style: solid;
       --tw-shadow: 0 0 #0000;
       --tw-shadow-color: initial;

package/dist/index.d.ts

@@ -2,5 +2,9 @@ export * from "./components/Button";
 export * from "./components/Chip";
 export * from "./components/Toggle";
 export * from "./components/Checkbox";
+export * from "./components/Radio";
+export * from "./components/RadioGroup";
+export * from "./components/Input";
+export * from "./components/FormControl";
 export * from "./components/Icons";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AAGtC,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AAGzC,cAAc,oBAAoB,CAAC"}

package/dist/index.js

@@ -19,5 +19,9 @@ __exportStar(require("./components/Button"), exports);
 __exportStar(require("./components/Chip"), exports);
 __exportStar(require("./components/Toggle"), exports);
 __exportStar(require("./components/Checkbox"), exports);
+__exportStar(require("./components/Radio"), exports);
+__exportStar(require("./components/RadioGroup"), exports);
+__exportStar(require("./components/Input"), exports);
+__exportStar(require("./components/FormControl"), exports);
 /* --------------------------------- ICONS ---------------------------------- */
 __exportStar(require("./components/Icons"), exports);

package/dist/types/props.d.ts

@@ -1,10 +1,14 @@
-import { ComponentProps, ElementType, ReactNode } from "react";
+import { ComponentProps, ComponentPropsWithRef, ElementType, ReactNode } from "react";
 export type AsProps<C extends ElementType> = {
     as?: C;
 };
 export type ElementTypeProps<C extends ElementType> = ComponentProps<C>;
 export type KeyWithAs<C extends ElementType, Props> = keyof (Props & AsProps<C>);
-export type PolymorphicComponentProps<C extends ElementType, Props = "object"> = Props & AsProps<C> & Omit<ElementTypeProps<C>, KeyWithAs<C, Props>>;
+export type PolymorphicRef<T extends ElementType> = ComponentPropsWithRef<T>["ref"];
+export type PolymorphicComponentProps<C extends ElementType, Props = Record<string, unknown>> = Props & AsProps<C> & Omit<ElementTypeProps<C>, KeyWithAs<C, Props>>;
+export type PolymorphicComponentWithRef<T extends ElementType, Props = Record<string, unknown>> = PolymorphicComponentProps<T, Props> & {
+    ref?: PolymorphicRef<T>;
+};
 export interface ChildrenProps<Children = ReactNode> {
     children?: Children;
 }

package/dist/types/props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/types/props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE/D,MAAM,MAAM,OAAO,CAAC,CAAC,SAAS,WAAW,IAAI;IAC3C,EAAE,CAAC,EAAE,CAAC,CAAC;CACR,CAAC;AAEF,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,WAAW,IAAI,cAAc,CAAC,CAAC,CAAC,CAAC;AAExE,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,WAAW,EAAE,KAAK,IAAI,MAAM,CAAC,KAAK,GAChE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;AAEd,MAAM,MAAM,yBAAyB,CACnC,CAAC,SAAS,WAAW,EACrB,KAAK,GAAG,QAAQ,IACd,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;AAExE,MAAM,WAAW,aAAa,CAAC,QAAQ,GAAG,SAAS;IACjD,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/types/props.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,qBAAqB,EACrB,WAAW,EACX,SAAS,EACV,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,OAAO,CAAC,CAAC,SAAS,WAAW,IAAI;IAC3C,EAAE,CAAC,EAAE,CAAC,CAAC;CACR,CAAC;AAEF,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,WAAW,IAAI,cAAc,CAAC,CAAC,CAAC,CAAC;AAExE,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,WAAW,EAAE,KAAK,IAAI,MAAM,CAAC,KAAK,GAChE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;AAEd,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,WAAW,IAC9C,qBAAqB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;AAElC,MAAM,MAAM,yBAAyB,CACnC,CAAC,SAAS,WAAW,EACrB,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAC7B,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;AAExE,MAAM,MAAM,2BAA2B,CACrC,CAAC,SAAS,WAAW,EACrB,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAC7B,yBAAyB,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG;IACxC,GAAG,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;CACzB,CAAC;AAEF,MAAM,WAAW,aAAa,CAAC,QAAQ,GAAG,SAAS;IACjD,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reitwagen/design-components",
-  "version": "0.3.1",
+  "version": "0.6.0",
   "sideEffects": [
     "**/*.css"
   ],
@@ -49,9 +49,9 @@
     "tailwindcss": "^4.1.5",
     "ts-node": "^10.9.2",
     "typescript": "5.9.2",
-    "@reitwagen/typescript-config": "0.0.0",
     "@reitwagen/eslint-config": "0.0.0",
-    "@reitwagen/tailwind-config": "0.0.0"
+    "@reitwagen/tailwind-config": "0.0.0",
+    "@reitwagen/typescript-config": "0.0.0"
   },
   "dependencies": {
     "axios": "^1.13.2",