@mindlogic-ai/logician-ui 4.0.0-alpha.24 → 4.0.0-alpha.25

package/dist/components/Badge/Badge.d.ts

@@ -1,16 +1,3 @@
-import { BadgeProps } from './Badge.types';
-/**
- * Badge component with color variants using the Golden Ratio color system.
- *
- * @example
- * ```tsx
- * <Badge>Default</Badge>
- * <Badge variant="success">Completed</Badge>
- * <Badge variant="danger">Error</Badge>
- * <Badge variant="warning">Pending</Badge>
- * <Badge variant="secondary">Featured</Badge>
- * <Badge variant="neutral">Draft</Badge>
- * ```
- */
-export declare const Badge: import("react").ForwardRefExoticComponent<BadgeProps & import("react").RefAttributes<HTMLButtonElement>>;
+import { BadgeOwnProps } from './Badge.types';
+export declare const Badge: import("../../types/polymorphic").PolymorphicComponent<BadgeOwnProps, "span">;
 //# sourceMappingURL=Badge.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,KAAK,0GAgBjB,CAAC"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAoC9C,eAAO,MAAM,KAAK,+EAAgD,CAAC"}

package/dist/components/Badge/Badge.js

@@ -4,6 +4,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var react = require('@chakra-ui/react');
+var polymorphic = require('../../types/polymorphic.js');
 var Badge_styles = require('./Badge.styles.js');
 
 /**
@@ -19,10 +20,12 @@ var Badge_styles = require('./Badge.styles.js');
  * <Badge variant="neutral">Draft</Badge>
  * ```
  */
-const Badge = React.forwardRef(({ textTransform = 'none', variant = 'primary', ...rest }, ref) => {
+const BadgeImpl = React.forwardRef(({ textTransform = 'none', variant = 'primary', ...rest }, ref) => {
     return (jsxRuntime.jsx(react.Badge, { ...Badge_styles.baseStyles, ...Badge_styles.variantStyles[variant], w: "fit-content", textTransform: textTransform, ...rest, ref: ref }));
 });
-Badge.displayName = 'Badge';
+/** Type-level polymorphism over the same runtime — see the note on `Button`. */
+BadgeImpl.displayName = 'Badge';
+const Badge = polymorphic.polymorphic(BadgeImpl);
 
 exports.Badge = Badge;
 //# sourceMappingURL=Badge.js.map

package/dist/components/Badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraBadge","baseStyles","variantStyles"],"mappings":";;;;;;;;AAMA;;;;;;;;;;;;AAYG;MACU,KAAK,GAAGA,gBAAU,CAC7B,CACE,EAAE,aAAa,GAAG,MAAM,EAAE,OAAO,GAAG,SAAS,EAAE,GAAG,IAAI,EAAc,EACpE,GAAqC,KACnC;IACF,QACEC,cAAA,CAACC,WAAW,EAAA,EAAA,GACNC,uBAAU,EAAA,GACVC,0BAAa,CAAC,OAAO,CAAC,EAC1B,CAAC,EAAC,aAAa,EACf,aAAa,EAAE,aAAa,EAAA,GACxB,IAAI,EACR,GAAG,EAAE,GAAG,EAAA,CACR;AAEN,CAAC;AAGH,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}
+{"version":3,"file":"Badge.js","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraBadge","baseStyles","variantStyles","polymorphic"],"mappings":";;;;;;;;;AAOA;;;;;;;;;;;;AAYG;AACH,MAAM,SAAS,GAAGA,gBAAU,CAC1B,CACE,EAAE,aAAa,GAAG,MAAM,EAAE,OAAO,GAAG,SAAS,EAAE,GAAG,IAAI,EAAiB,EACvE,GAAqC,KACnC;IACF,QACEC,cAAA,CAACC,WAAW,EAAA,EAAA,GACNC,uBAAU,EAAA,GACVC,0BAAa,CAAC,OAAO,CAAC,EAC1B,CAAC,EAAC,aAAa,EACf,aAAa,EAAE,aAAa,EAAA,GACxB,IAAI,EACR,GAAG,EAAE,GAAG,EAAA,CACR;AAEN,CAAC,CACF;AAED;AACA,SAAS,CAAC,WAAW,GAAG,OAAO;MAElB,KAAK,GAAGC,uBAAW,CAAwB,SAAS;;;;"}

package/dist/components/Badge/Badge.mjs

@@ -2,6 +2,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Badge as Badge$1 } from '@chakra-ui/react';
+import { polymorphic } from '../../types/polymorphic.mjs';
 import { variantStyles, baseStyles } from './Badge.styles.mjs';
 
 /**
@@ -17,10 +18,12 @@ import { variantStyles, baseStyles } from './Badge.styles.mjs';
  * <Badge variant="neutral">Draft</Badge>
  * ```
  */
-const Badge = forwardRef(({ textTransform = 'none', variant = 'primary', ...rest }, ref) => {
+const BadgeImpl = forwardRef(({ textTransform = 'none', variant = 'primary', ...rest }, ref) => {
     return (jsx(Badge$1, { ...baseStyles, ...variantStyles[variant], w: "fit-content", textTransform: textTransform, ...rest, ref: ref }));
 });
-Badge.displayName = 'Badge';
+/** Type-level polymorphism over the same runtime — see the note on `Button`. */
+BadgeImpl.displayName = 'Badge';
+const Badge = polymorphic(BadgeImpl);
 
 export { Badge };
 //# sourceMappingURL=Badge.mjs.map

package/dist/components/Badge/Badge.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.mjs","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraBadge"],"mappings":";;;;;;AAMA;;;;;;;;;;;;AAYG;MACU,KAAK,GAAG,UAAU,CAC7B,CACE,EAAE,aAAa,GAAG,MAAM,EAAE,OAAO,GAAG,SAAS,EAAE,GAAG,IAAI,EAAc,EACpE,GAAqC,KACnC;IACF,QACEA,GAAA,CAACC,OAAW,EAAA,EAAA,GACN,UAAU,EAAA,GACV,aAAa,CAAC,OAAO,CAAC,EAC1B,CAAC,EAAC,aAAa,EACf,aAAa,EAAE,aAAa,EAAA,GACxB,IAAI,EACR,GAAG,EAAE,GAAG,EAAA,CACR;AAEN,CAAC;AAGH,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}
+{"version":3,"file":"Badge.mjs","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraBadge"],"mappings":";;;;;;;AAOA;;;;;;;;;;;;AAYG;AACH,MAAM,SAAS,GAAG,UAAU,CAC1B,CACE,EAAE,aAAa,GAAG,MAAM,EAAE,OAAO,GAAG,SAAS,EAAE,GAAG,IAAI,EAAiB,EACvE,GAAqC,KACnC;IACF,QACEA,GAAA,CAACC,OAAW,EAAA,EAAA,GACN,UAAU,EAAA,GACV,aAAa,CAAC,OAAO,CAAC,EAC1B,CAAC,EAAC,aAAa,EACf,aAAa,EAAE,aAAa,EAAA,GACxB,IAAI,EACR,GAAG,EAAE,GAAG,EAAA,CACR;AAEN,CAAC,CACF;AAED;AACA,SAAS,CAAC,WAAW,GAAG,OAAO;MAElB,KAAK,GAAG,WAAW,CAAwB,SAAS;;;;"}

package/dist/components/Badge/Badge.types.d.ts

@@ -1,4 +1,6 @@
+import type { ElementType } from 'react';
 import { BadgeProps as ChakraBadgeProps } from '@chakra-ui/react';
+import type { PolymorphicProps } from '../../types/polymorphic';
 /**
  * Badge variant types for the Golden Ratio color system.
  *
@@ -13,11 +15,22 @@ import { BadgeProps as ChakraBadgeProps } from '@chakra-ui/react';
  * - `neutral`: Gray badge for neutral information
  */
 export type BadgeVariant = 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'neutral';
-export interface BadgeProps extends Omit<ChakraBadgeProps, 'variant'> {
+export type BadgeOwnProps = Omit<ChakraBadgeProps, 'variant' | 'as'> & {
     /**
      * The color variant of the badge.
      * @default 'primary'
      */
     variant?: BadgeVariant;
-}
+};
+/**
+ * Props for `Badge`, typed for whatever element `as` renders.
+ *
+ * Defaults to `'span'`, so bare `BadgeProps` is unchanged. A badge that acts as
+ * a citation or filter link is the case that needs this.
+ *
+ * ```tsx
+ * <Badge as="a" href={`#cite-${n}`}>{n}</Badge>
+ * ```
+ */
+export type BadgeProps<TElement extends ElementType = 'span'> = PolymorphicProps<TElement, BadgeOwnProps>;
 //# sourceMappingURL=Badge.types.d.ts.map

package/dist/components/Badge/Badge.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.types.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAElE;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,YAAY,GACpB,SAAS,GACT,WAAW,GACX,SAAS,GACT,SAAS,GACT,QAAQ,GACR,SAAS,CAAC;AAEd,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC;IACnE;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB"}
+{"version":3,"file":"Badge.types.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAGlE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAEhE;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,YAAY,GACpB,SAAS,GACT,WAAW,GACX,SAAS,GACT,SAAS,GACT,QAAQ,GACR,SAAS,CAAC;AAEd,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,GAAG,IAAI,CAAC,GAAG;IACrE;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB,CAAC;AAEF;;;;;;;;;GASG;AACH,MAAM,MAAM,UAAU,CAAC,QAAQ,SAAS,WAAW,GAAG,MAAM,IAC1D,gBAAgB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC"}

package/dist/components/Button/Button.d.ts

@@ -1,19 +1,3 @@
-/**
- * Button component with two-dimensional variant system.
- *
- * Combines `colorPalette` (semantic color) with `variant` (visual appearance)
- * for flexible, consistent button styling.
- *
- * @example
- * ```tsx
- * <Button colorPalette="primary" variant="soft">Submit</Button>
- * <Button colorPalette="danger" variant="solid">Delete</Button>
- * <Button colorPalette="secondary" variant="outline">Cancel</Button>
- * <Button colorPalette="neutral" variant="ghost">Close</Button>
- * ```
- */
-export declare const Button: import("react").ForwardRefExoticComponent<Omit<import("@chakra-ui/react").ButtonProps, "colorScheme" | "colorPalette" | "variant" | "leftIcon" | "rightIcon"> & {
-    colorPalette?: import("./Button.types").ButtonColorPalette;
-    variant?: import("./Button.types").ButtonVariant;
-} & import("react").RefAttributes<HTMLButtonElement>>;
+import { ButtonOwnProps } from './Button.types';
+export declare const Button: import("../../types/polymorphic").PolymorphicComponent<ButtonOwnProps, "button">;
 //# sourceMappingURL=Button.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAQA;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,MAAM;;;qDAoClB,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAkE7D,eAAO,MAAM,MAAM,kFAA0C,CAAC"}

package/dist/components/Button/Button.js

@@ -5,6 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var react = require('@chakra-ui/react');
 var focusRing = require('../../utils/focusRing.js');
+var polymorphic = require('../../types/polymorphic.js');
 var Button_styles = require('./Button.styles.js');
 
 /**
@@ -19,9 +20,12 @@ var Button_styles = require('./Button.styles.js');
  * <Button colorPalette="danger" variant="solid">Delete</Button>
  * <Button colorPalette="secondary" variant="outline">Cancel</Button>
  * <Button colorPalette="neutral" variant="ghost">Close</Button>
+ *
+ * // `as` carries the element's own props (see Button.types.ts):
+ * <Button as="a" href="/docs" target="_blank">문서</Button>
  * ```
  */
-const Button = React.forwardRef(({ colorPalette, variant = 'soft', size, children, ...rest }, ref) => {
+const ButtonImpl = React.forwardRef(({ colorPalette, variant = 'soft', size, children, ...rest }, ref) => {
     const palette = colorPalette ?? 'primary';
     const styles = Button_styles.getButtonStyles(palette, variant);
     /**
@@ -36,7 +40,15 @@ const Button = React.forwardRef(({ colorPalette, variant = 'soft', size, childre
      */
     return (jsxRuntime.jsx(react.Button, { border: "1px solid", lineHeight: "1.2", fontWeight: "semibold", size: size, borderRadius: "md", ...styles, ...focusRing.focusRing, cursor: "pointer", transitionProperty: "all", transitionDuration: "0.25s", transitionTimingFunction: "ease-in-out", ref: ref, ...rest, children: children }));
 });
-Button.displayName = 'Button';
+/**
+ * Type-level polymorphism over the same runtime — see `polymorphic` in
+ * `src/types/polymorphic.ts` for what the cast does and why it is needed.
+ *
+ * `as` defaults to `'button'`, so nothing that already compiles stops
+ * compiling.
+ */
+ButtonImpl.displayName = 'Button';
+const Button = polymorphic.polymorphic(ButtonImpl);
 
 exports.Button = Button;
 //# sourceMappingURL=Button.js.map

package/dist/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":[null],"names":["forwardRef","getButtonStyles","_jsx","ChakraButton","focusRing"],"mappings":";;;;;;;;;AAQA;;;;;;;;;;;;;AAaG;AACI,MAAM,MAAM,GAAGA,gBAAU,CAC9B,CAAC,EAAE,YAAY,EAAE,OAAO,GAAG,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;AACnE,IAAA,MAAM,OAAO,GAAG,YAAY,IAAI,SAAS;IAEzC,MAAM,MAAM,GAAGC,6BAAe,CAAC,OAAO,EAAE,OAAO,CAAC;AAEhD;;;;;;;;;AASG;IACH,QACEC,cAAA,CAACC,YAAY,EAAA,EACX,MAAM,EAAC,WAAW,EAClB,UAAU,EAAC,KAAK,EAChB,UAAU,EAAC,UAAU,EACrB,IAAI,EAAE,IAAI,EACV,YAAY,EAAC,IAAI,EAAA,GACb,MAAM,EAAA,GACNC,mBAAS,EACb,MAAM,EAAC,SAAS,EAChB,kBAAkB,EAAC,KAAK,EACxB,kBAAkB,EAAC,OAAO,EAC1B,wBAAwB,EAAC,aAAa,EACtC,GAAG,EAAE,GAAG,EAAA,GACJ,IAAI,EAAA,QAAA,EAEP,QAAQ,EAAA,CACI;AAEnB,CAAC;AAGH,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}
+{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":[null],"names":["forwardRef","getButtonStyles","_jsx","ChakraButton","focusRing","polymorphic"],"mappings":";;;;;;;;;;AASA;;;;;;;;;;;;;;;;AAgBG;AACH,MAAM,UAAU,GAAGA,gBAAU,CAC3B,CAAC,EAAE,YAAY,EAAE,OAAO,GAAG,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;AACnE,IAAA,MAAM,OAAO,GAAG,YAAY,IAAI,SAAS;IAEzC,MAAM,MAAM,GAAGC,6BAAe,CAAC,OAAO,EAAE,OAAO,CAAC;AAEhD;;;;;;;;;AASG;IACH,QACEC,cAAA,CAACC,YAAY,EAAA,EACX,MAAM,EAAC,WAAW,EAClB,UAAU,EAAC,KAAK,EAChB,UAAU,EAAC,UAAU,EACrB,IAAI,EAAE,IAAI,EACV,YAAY,EAAC,IAAI,EAAA,GACb,MAAM,EAAA,GACNC,mBAAS,EACb,MAAM,EAAC,SAAS,EAChB,kBAAkB,EAAC,KAAK,EACxB,kBAAkB,EAAC,OAAO,EAC1B,wBAAwB,EAAC,aAAa,EACtC,GAAG,EAAE,GAAG,EAAA,GACJ,IAAI,EAAA,QAAA,EAEP,QAAQ,EAAA,CACI;AAEnB,CAAC,CACF;AAED;;;;;;AAMG;AACH,UAAU,CAAC,WAAW,GAAG,QAAQ;MAEpB,MAAM,GAAGC,uBAAW,CAAiB,UAAU;;;;"}

package/dist/components/Button/Button.mjs

@@ -3,6 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Button as Button$1 } from '@chakra-ui/react';
 import { focusRing } from '../../utils/focusRing.mjs';
+import { polymorphic } from '../../types/polymorphic.mjs';
 import { getButtonStyles } from './Button.styles.mjs';
 
 /**
@@ -17,9 +18,12 @@ import { getButtonStyles } from './Button.styles.mjs';
  * <Button colorPalette="danger" variant="solid">Delete</Button>
  * <Button colorPalette="secondary" variant="outline">Cancel</Button>
  * <Button colorPalette="neutral" variant="ghost">Close</Button>
+ *
+ * // `as` carries the element's own props (see Button.types.ts):
+ * <Button as="a" href="/docs" target="_blank">문서</Button>
  * ```
  */
-const Button = forwardRef(({ colorPalette, variant = 'soft', size, children, ...rest }, ref) => {
+const ButtonImpl = forwardRef(({ colorPalette, variant = 'soft', size, children, ...rest }, ref) => {
     const palette = colorPalette ?? 'primary';
     const styles = getButtonStyles(palette, variant);
     /**
@@ -34,7 +38,15 @@ const Button = forwardRef(({ colorPalette, variant = 'soft', size, children, ...
      */
     return (jsx(Button$1, { border: "1px solid", lineHeight: "1.2", fontWeight: "semibold", size: size, borderRadius: "md", ...styles, ...focusRing, cursor: "pointer", transitionProperty: "all", transitionDuration: "0.25s", transitionTimingFunction: "ease-in-out", ref: ref, ...rest, children: children }));
 });
-Button.displayName = 'Button';
+/**
+ * Type-level polymorphism over the same runtime — see `polymorphic` in
+ * `src/types/polymorphic.ts` for what the cast does and why it is needed.
+ *
+ * `as` defaults to `'button'`, so nothing that already compiles stops
+ * compiling.
+ */
+ButtonImpl.displayName = 'Button';
+const Button = polymorphic(ButtonImpl);
 
 export { Button };
 //# sourceMappingURL=Button.mjs.map

package/dist/components/Button/Button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Button.mjs","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraButton"],"mappings":";;;;;;;AAQA;;;;;;;;;;;;;AAaG;AACI,MAAM,MAAM,GAAG,UAAU,CAC9B,CAAC,EAAE,YAAY,EAAE,OAAO,GAAG,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;AACnE,IAAA,MAAM,OAAO,GAAG,YAAY,IAAI,SAAS;IAEzC,MAAM,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,OAAO,CAAC;AAEhD;;;;;;;;;AASG;IACH,QACEA,GAAA,CAACC,QAAY,EAAA,EACX,MAAM,EAAC,WAAW,EAClB,UAAU,EAAC,KAAK,EAChB,UAAU,EAAC,UAAU,EACrB,IAAI,EAAE,IAAI,EACV,YAAY,EAAC,IAAI,EAAA,GACb,MAAM,EAAA,GACN,SAAS,EACb,MAAM,EAAC,SAAS,EAChB,kBAAkB,EAAC,KAAK,EACxB,kBAAkB,EAAC,OAAO,EAC1B,wBAAwB,EAAC,aAAa,EACtC,GAAG,EAAE,GAAG,EAAA,GACJ,IAAI,EAAA,QAAA,EAEP,QAAQ,EAAA,CACI;AAEnB,CAAC;AAGH,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}
+{"version":3,"file":"Button.mjs","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraButton"],"mappings":";;;;;;;;AASA;;;;;;;;;;;;;;;;AAgBG;AACH,MAAM,UAAU,GAAG,UAAU,CAC3B,CAAC,EAAE,YAAY,EAAE,OAAO,GAAG,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;AACnE,IAAA,MAAM,OAAO,GAAG,YAAY,IAAI,SAAS;IAEzC,MAAM,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,OAAO,CAAC;AAEhD;;;;;;;;;AASG;IACH,QACEA,GAAA,CAACC,QAAY,EAAA,EACX,MAAM,EAAC,WAAW,EAClB,UAAU,EAAC,KAAK,EAChB,UAAU,EAAC,UAAU,EACrB,IAAI,EAAE,IAAI,EACV,YAAY,EAAC,IAAI,EAAA,GACb,MAAM,EAAA,GACN,SAAS,EACb,MAAM,EAAC,SAAS,EAChB,kBAAkB,EAAC,KAAK,EACxB,kBAAkB,EAAC,OAAO,EAC1B,wBAAwB,EAAC,aAAa,EACtC,GAAG,EAAE,GAAG,EAAA,GACJ,IAAI,EAAA,QAAA,EAEP,QAAQ,EAAA,CACI;AAEnB,CAAC,CACF;AAED;;;;;;AAMG;AACH,UAAU,CAAC,WAAW,GAAG,QAAQ;MAEpB,MAAM,GAAG,WAAW,CAAiB,UAAU;;;;"}

package/dist/components/Button/Button.types.d.ts

@@ -1,4 +1,6 @@
+import type { ElementType } from 'react';
 import { ButtonProps as ChakraButtonProps } from '@chakra-ui/react';
+import type { PolymorphicProps } from '../../types/polymorphic';
 /**
  * Button color palette - defines the semantic color family.
  *
@@ -42,7 +44,7 @@ export type ButtonVariant = 'solid' | 'soft' | 'outline' | 'ghost';
  * <Button colorPalette="secondary" variant="outline">Cancel</Button>
  * ```
  */
-export type ButtonProps = Omit<ChakraButtonProps, 'variant' | 'colorScheme' | 'colorPalette' | 'leftIcon' | 'rightIcon'> & {
+export type ButtonOwnProps = Omit<ChakraButtonProps, 'variant' | 'colorScheme' | 'colorPalette' | 'leftIcon' | 'rightIcon' | 'as'> & {
     /**
      * The color palette of the button (semantic color family).
      * Overrides Chakra UI's colorPalette prop (Chakra v3).
@@ -56,4 +58,23 @@ export type ButtonProps = Omit<ChakraButtonProps, 'variant' | 'colorScheme' | 'c
      */
     variant?: ButtonVariant;
 };
+/**
+ * Props for `Button`, typed for whatever element `as` renders.
+ *
+ * Defaults to `'button'`, so `ButtonProps` on its own means exactly what it
+ * meant before this became polymorphic — every existing call site and every
+ * `ComponentProps<typeof Button>` keeps its type.
+ *
+ * `as` now carries the element's own props with it:
+ *
+ * ```tsx
+ * <Button as="a" href="/docs" target="_blank" rel="noreferrer">문서</Button>
+ * <Button as={Link} href="/admin" prefetch={false}>관리자</Button>
+ * ```
+ *
+ * Before, `as` swapped the rendered element but not the type — `href` was not a
+ * `<button>` prop, so consumers reached for `@ts-expect-error`. See
+ * `src/types/polymorphic.ts` for why `asChild` does not cover this case.
+ */
+export type ButtonProps<TElement extends ElementType = 'button'> = PolymorphicProps<TElement, ButtonOwnProps>;
 //# sourceMappingURL=Button.types.d.ts.map

package/dist/components/Button/Button.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAEpE;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,kBAAkB,GAC1B,SAAS,GACT,WAAW,GACX,QAAQ,GACR,SAAS,GACT,SAAS,GACT,SAAS,CAAC;AAEd;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AAEnE;;;;;;;;;;;;;;;GAeG;AACH,MAAM,MAAM,WAAW,GAAG,IAAI,CAC5B,iBAAiB,EACjB,SAAS,GAAG,aAAa,GAAG,cAAc,GAAG,UAAU,GAAG,WAAW,CACtE,GAAG;IACF;;;;OAIG;IACH,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC;;;;OAIG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB,CAAC"}
+{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,WAAW,IAAI,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAOpE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAEhE;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,kBAAkB,GAC1B,SAAS,GACT,WAAW,GACX,QAAQ,GACR,SAAS,GACT,SAAS,GACT,SAAS,CAAC;AAEd;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AAEnE;;;;;;;;;;;;;;;GAeG;AACH,MAAM,MAAM,cAAc,GAAG,IAAI,CAC/B,iBAAiB,EACjB,SAAS,GAAG,aAAa,GAAG,cAAc,GAAG,UAAU,GAAG,WAAW,GAAG,IAAI,CAC7E,GAAG;IACF;;;;OAIG;IACH,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC;;;;OAIG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,MAAM,WAAW,CAAC,QAAQ,SAAS,WAAW,GAAG,QAAQ,IAC7D,gBAAgB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC"}

package/dist/components/Card/Card.d.ts

@@ -1,6 +1,3 @@
-import { Card as ChakraCard } from '@chakra-ui/react';
-export declare const Card: import("react").ForwardRefExoticComponent<ChakraCard.RootProps & {
-    clickable?: boolean;
-    variant?: import("./Card.types").CardVariant;
-} & import("react").RefAttributes<HTMLDivElement>>;
+import { CardOwnProps } from './Card.types';
+export declare const Card: import("../../types/polymorphic").PolymorphicComponent<CardOwnProps, "div">;
 //# sourceMappingURL=Card.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAKtD,eAAO,MAAM,IAAI;;;kDA+BhB,CAAC"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAsC5C,eAAO,MAAM,IAAI,6EAA6C,CAAC"}

package/dist/components/Card/Card.js

@@ -4,9 +4,10 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var react = require('@chakra-ui/react');
+var polymorphic = require('../../types/polymorphic.js');
 var Card_styles = require('./Card.styles.js');
 
-const Card = React.forwardRef(({ clickable, variant = 'default', _hover, ...rest }, ref) => {
+const CardImpl = React.forwardRef(({ clickable, variant = 'default', _hover, ...rest }, ref) => {
     const mergedHover = clickable
         ? { ...Card_styles.clickableStyles._hover, ..._hover }
         : _hover;
@@ -17,7 +18,9 @@ const Card = React.forwardRef(({ clickable, variant = 'default', _hover, ...rest
         // edge in both modes. The `gradient` variant keeps its primary.light border.
         borderColor: "border.default", borderRadius: "lg", transitionProperty: "common", transitionDuration: "normal", transitionTimingFunction: "ease", p: 8, ...(clickable ? { cursor: Card_styles.clickableStyles.cursor } : {}), ...Card_styles.variantStyles[variant], ...rest, _hover: mergedHover }));
 });
-Card.displayName = 'Card';
+/** Type-level polymorphism over the same runtime — see the note on `Button`. */
+CardImpl.displayName = 'Card';
+const Card = polymorphic.polymorphic(CardImpl);
 
 exports.Card = Card;
 //# sourceMappingURL=Card.js.map

package/dist/components/Card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":[null],"names":["forwardRef","clickableStyles","_jsx","ChakraCard","variantStyles"],"mappings":";;;;;;;;MAMa,IAAI,GAAGA,gBAAU,CAC5B,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;IAC3D,MAAM,WAAW,GAAG;UAChB,EAAE,GAAGC,2BAAe,CAAC,MAAM,EAAE,GAAG,MAAM;UACtC,MAAM;AAEV,IAAA,QACEC,cAAA,CAACC,UAAU,CAAC,IAAI,EAAA,EACd,GAAG,EAAE,GAAG,EACR,QAAQ,EAAC,UAAU,EACnB,EAAE,EAAC,YAAY,EACf,KAAK,EAAC,YAAY,EAClB,SAAS,EAAC,MAAM,EAChB,MAAM,EAAC,WAAW;;;;;QAKlB,WAAW,EAAC,gBAAgB,EAC5B,YAAY,EAAC,IAAI,EACjB,kBAAkB,EAAC,QAAQ,EAC3B,kBAAkB,EAAC,QAAQ,EAC3B,wBAAwB,EAAC,MAAM,EAC/B,CAAC,EAAE,CAAC,EAAA,IACC,SAAS,GAAG,EAAE,MAAM,EAAEF,2BAAe,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,KACrDG,yBAAa,CAAC,OAAO,CAAC,EAAA,GACtB,IAAI,EACR,MAAM,EAAE,WAAW,EAAA,CACnB;AAEN,CAAC;AAGH,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
+{"version":3,"file":"Card.js","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":[null],"names":["forwardRef","clickableStyles","_jsx","ChakraCard","variantStyles","polymorphic"],"mappings":";;;;;;;;;AAOA,MAAM,QAAQ,GAAGA,gBAAU,CACzB,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;IAC3D,MAAM,WAAW,GAAG;UAChB,EAAE,GAAGC,2BAAe,CAAC,MAAM,EAAE,GAAG,MAAM;UACtC,MAAM;AAEV,IAAA,QACEC,cAAA,CAACC,UAAU,CAAC,IAAI,EAAA,EACd,GAAG,EAAE,GAAG,EACR,QAAQ,EAAC,UAAU,EACnB,EAAE,EAAC,YAAY,EACf,KAAK,EAAC,YAAY,EAClB,SAAS,EAAC,MAAM,EAChB,MAAM,EAAC,WAAW;;;;;QAKlB,WAAW,EAAC,gBAAgB,EAC5B,YAAY,EAAC,IAAI,EACjB,kBAAkB,EAAC,QAAQ,EAC3B,kBAAkB,EAAC,QAAQ,EAC3B,wBAAwB,EAAC,MAAM,EAC/B,CAAC,EAAE,CAAC,EAAA,IACC,SAAS,GAAG,EAAE,MAAM,EAAEF,2BAAe,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,KACrDG,yBAAa,CAAC,OAAO,CAAC,EAAA,GACtB,IAAI,EACR,MAAM,EAAE,WAAW,EAAA,CACnB;AAEN,CAAC,CACF;AAED;AACA,QAAQ,CAAC,WAAW,GAAG,MAAM;MAEhB,IAAI,GAAGC,uBAAW,CAAsB,QAAQ;;;;"}

package/dist/components/Card/Card.mjs

@@ -2,9 +2,10 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Card as Card$1 } from '@chakra-ui/react';
+import { polymorphic } from '../../types/polymorphic.mjs';
 import { clickableStyles, variantStyles } from './Card.styles.mjs';
 
-const Card = forwardRef(({ clickable, variant = 'default', _hover, ...rest }, ref) => {
+const CardImpl = forwardRef(({ clickable, variant = 'default', _hover, ...rest }, ref) => {
     const mergedHover = clickable
         ? { ...clickableStyles._hover, ..._hover }
         : _hover;
@@ -15,7 +16,9 @@ const Card = forwardRef(({ clickable, variant = 'default', _hover, ...rest }, re
         // edge in both modes. The `gradient` variant keeps its primary.light border.
         borderColor: "border.default", borderRadius: "lg", transitionProperty: "common", transitionDuration: "normal", transitionTimingFunction: "ease", p: 8, ...(clickable ? { cursor: clickableStyles.cursor } : {}), ...variantStyles[variant], ...rest, _hover: mergedHover }));
 });
-Card.displayName = 'Card';
+/** Type-level polymorphism over the same runtime — see the note on `Button`. */
+CardImpl.displayName = 'Card';
+const Card = polymorphic(CardImpl);
 
 export { Card };
 //# sourceMappingURL=Card.mjs.map

package/dist/components/Card/Card.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Card.mjs","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraCard"],"mappings":";;;;;;MAMa,IAAI,GAAG,UAAU,CAC5B,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;IAC3D,MAAM,WAAW,GAAG;UAChB,EAAE,GAAG,eAAe,CAAC,MAAM,EAAE,GAAG,MAAM;UACtC,MAAM;AAEV,IAAA,QACEA,GAAA,CAACC,MAAU,CAAC,IAAI,EAAA,EACd,GAAG,EAAE,GAAG,EACR,QAAQ,EAAC,UAAU,EACnB,EAAE,EAAC,YAAY,EACf,KAAK,EAAC,YAAY,EAClB,SAAS,EAAC,MAAM,EAChB,MAAM,EAAC,WAAW;;;;;QAKlB,WAAW,EAAC,gBAAgB,EAC5B,YAAY,EAAC,IAAI,EACjB,kBAAkB,EAAC,QAAQ,EAC3B,kBAAkB,EAAC,QAAQ,EAC3B,wBAAwB,EAAC,MAAM,EAC/B,CAAC,EAAE,CAAC,EAAA,IACC,SAAS,GAAG,EAAE,MAAM,EAAE,eAAe,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,KACrD,aAAa,CAAC,OAAO,CAAC,EAAA,GACtB,IAAI,EACR,MAAM,EAAE,WAAW,EAAA,CACnB;AAEN,CAAC;AAGH,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
+{"version":3,"file":"Card.mjs","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraCard"],"mappings":";;;;;;;AAOA,MAAM,QAAQ,GAAG,UAAU,CACzB,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;IAC3D,MAAM,WAAW,GAAG;UAChB,EAAE,GAAG,eAAe,CAAC,MAAM,EAAE,GAAG,MAAM;UACtC,MAAM;AAEV,IAAA,QACEA,GAAA,CAACC,MAAU,CAAC,IAAI,EAAA,EACd,GAAG,EAAE,GAAG,EACR,QAAQ,EAAC,UAAU,EACnB,EAAE,EAAC,YAAY,EACf,KAAK,EAAC,YAAY,EAClB,SAAS,EAAC,MAAM,EAChB,MAAM,EAAC,WAAW;;;;;QAKlB,WAAW,EAAC,gBAAgB,EAC5B,YAAY,EAAC,IAAI,EACjB,kBAAkB,EAAC,QAAQ,EAC3B,kBAAkB,EAAC,QAAQ,EAC3B,wBAAwB,EAAC,MAAM,EAC/B,CAAC,EAAE,CAAC,EAAA,IACC,SAAS,GAAG,EAAE,MAAM,EAAE,eAAe,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,KACrD,aAAa,CAAC,OAAO,CAAC,EAAA,GACtB,IAAI,EACR,MAAM,EAAE,WAAW,EAAA,CACnB;AAEN,CAAC,CACF;AAED;AACA,QAAQ,CAAC,WAAW,GAAG,MAAM;MAEhB,IAAI,GAAG,WAAW,CAAsB,QAAQ;;;;"}

package/dist/components/Card/Card.types.d.ts

@@ -1,7 +1,21 @@
+import type { ElementType } from 'react';
 import { CardRootProps as ChakraCardRootProps } from '@chakra-ui/react';
+import type { PolymorphicProps } from '../../types/polymorphic';
 export type CardVariant = 'default' | 'gradient' | 'elevated';
-export type CardProps = ChakraCardRootProps & {
+export type CardOwnProps = Omit<ChakraCardRootProps, 'as'> & {
     clickable?: boolean;
     variant?: CardVariant;
 };
+/**
+ * Props for `Card`, typed for whatever element `as` renders.
+ *
+ * A `clickable` card is the case that needs this: the whole card is one target,
+ * so it should BE the link rather than contain one. Defaults to `'div'`, so
+ * bare `CardProps` is unchanged.
+ *
+ * ```tsx
+ * <Card clickable as={NextLink} href={`/courses/${id}`}>…</Card>
+ * ```
+ */
+export type CardProps<TElement extends ElementType = 'div'> = PolymorphicProps<TElement, CardOwnProps>;
 //# sourceMappingURL=Card.types.d.ts.map

package/dist/components/Card/Card.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.types.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,IAAI,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAExE,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;AAE9D,MAAM,MAAM,SAAS,GAAG,mBAAmB,GAAG;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB,CAAC"}
+{"version":3,"file":"Card.types.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,aAAa,IAAI,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAGxE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;AAE9D,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,mBAAmB,EAAE,IAAI,CAAC,GAAG;IAC3D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB,CAAC;AAEF;;;;;;;;;;GAUG;AACH,MAAM,MAAM,SAAS,CAAC,QAAQ,SAAS,WAAW,GAAG,KAAK,IAAI,gBAAgB,CAC5E,QAAQ,EACR,YAAY,CACb,CAAC"}

package/dist/components/Chip/Chip.d.ts

@@ -1,17 +1,4 @@
-import { ChipProps } from './Chip.types';
-/**
- * A chip component for displaying tags, labels, or status indicators.
- *
- * Uses a two-dimensional variant system:
- * - `colorScheme`: What semantic color (primary, secondary, danger, etc.)
- * - `variant`: How it looks visually (solid, soft, outline)
- *
- * @example
- * ```tsx
- * <Chip colorScheme="primary" variant="solid">Active</Chip>
- * <Chip colorScheme="danger" variant="soft">Error</Chip>
- * <Chip colorScheme="success" variant="outline">Completed</Chip>
- * ```
- */
-export declare const Chip: import("react").ForwardRefExoticComponent<ChipProps & import("react").RefAttributes<HTMLButtonElement>>;
+import { ChipOwnProps } from './Chip.types';
+/** Type-level polymorphism over the same runtime — see `polymorphic`. */
+export declare const Chip: import("../../types/polymorphic").PolymorphicComponent<ChipOwnProps, "span">;
 //# sourceMappingURL=Chip.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,IAAI,yGAiBhB,CAAC"}
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAqC5C,yEAAyE;AACzE,eAAO,MAAM,IAAI,8EAA8C,CAAC"}

package/dist/components/Chip/Chip.js

@@ -5,6 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var react = require('@chakra-ui/react');
 var focusRing = require('../../utils/focusRing.js');
+var polymorphic = require('../../types/polymorphic.js');
 var Chip_styles = require('./Chip.styles.js');
 
 /**
@@ -21,11 +22,13 @@ var Chip_styles = require('./Chip.styles.js');
  * <Chip colorScheme="success" variant="outline">Completed</Chip>
  * ```
  */
-const Chip = React.forwardRef(({ colorScheme = 'primary', variant = 'soft', ...rest }, ref) => {
+const ChipImpl = React.forwardRef(({ colorScheme = 'primary', variant = 'soft', ...rest }, ref) => {
     const styles = Chip_styles.getChipStyles(colorScheme, variant);
     return (jsxRuntime.jsx(react.Badge, { ...Chip_styles.baseStyles, ...styles, ...focusRing.focusRing, ...rest, ref: ref }));
 });
-Chip.displayName = 'Chip';
+ChipImpl.displayName = 'Chip';
+/** Type-level polymorphism over the same runtime — see `polymorphic`. */
+const Chip = polymorphic.polymorphic(ChipImpl);
 
 exports.Chip = Chip;
 //# sourceMappingURL=Chip.js.map

package/dist/components/Chip/Chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","sources":["../../../src/components/Chip/Chip.tsx"],"sourcesContent":[null],"names":["forwardRef","getChipStyles","_jsx","ChakraBadge","baseStyles","focusRing"],"mappings":";;;;;;;;;AAQA;;;;;;;;;;;;;AAaG;MACU,IAAI,GAAGA,gBAAU,CAC5B,CACE,EAAE,WAAW,GAAG,SAAS,EAAE,OAAO,GAAG,MAAM,EAAE,GAAG,IAAI,EAAa,EACjE,GAAqC,KACnC;IACF,MAAM,MAAM,GAAGC,yBAAa,CAAC,WAAW,EAAE,OAAO,CAAC;AAElD,IAAA,QACEC,cAAA,CAACC,WAAW,EAAA,EAAA,GACNC,sBAAU,KACV,MAAM,EAAA,GACNC,mBAAS,EAAA,GACT,IAAI,EACR,GAAG,EAAE,GAAG,EAAA,CACR;AAEN,CAAC;AAGH,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
+{"version":3,"file":"Chip.js","sources":["../../../src/components/Chip/Chip.tsx"],"sourcesContent":[null],"names":["forwardRef","getChipStyles","_jsx","ChakraBadge","baseStyles","focusRing","polymorphic"],"mappings":";;;;;;;;;;AASA;;;;;;;;;;;;;AAaG;AACH,MAAM,QAAQ,GAAGA,gBAAU,CACzB,CACE,EAAE,WAAW,GAAG,SAAS,EAAE,OAAO,GAAG,MAAM,EAAE,GAAG,IAAI,EAAgB,EACpE,GAAqC,KACnC;IACF,MAAM,MAAM,GAAGC,yBAAa,CAAC,WAAW,EAAE,OAAO,CAAC;AAElD,IAAA,QACEC,cAAA,CAACC,WAAW,EAAA,EAAA,GACNC,sBAAU,KACV,MAAM,EAAA,GACNC,mBAAS,EAAA,GACT,IAAI,EACR,GAAG,EAAE,GAAG,EAAA,CACR;AAEN,CAAC,CACF;AAED,QAAQ,CAAC,WAAW,GAAG,MAAM;AAE7B;MACa,IAAI,GAAGC,uBAAW,CAAuB,QAAQ;;;;"}

package/dist/components/Chip/Chip.mjs

@@ -3,6 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Badge } from '@chakra-ui/react';
 import { focusRing } from '../../utils/focusRing.mjs';
+import { polymorphic } from '../../types/polymorphic.mjs';
 import { getChipStyles, baseStyles } from './Chip.styles.mjs';
 
 /**
@@ -19,11 +20,13 @@ import { getChipStyles, baseStyles } from './Chip.styles.mjs';
  * <Chip colorScheme="success" variant="outline">Completed</Chip>
  * ```
  */
-const Chip = forwardRef(({ colorScheme = 'primary', variant = 'soft', ...rest }, ref) => {
+const ChipImpl = forwardRef(({ colorScheme = 'primary', variant = 'soft', ...rest }, ref) => {
     const styles = getChipStyles(colorScheme, variant);
     return (jsx(Badge, { ...baseStyles, ...styles, ...focusRing, ...rest, ref: ref }));
 });
-Chip.displayName = 'Chip';
+ChipImpl.displayName = 'Chip';
+/** Type-level polymorphism over the same runtime — see `polymorphic`. */
+const Chip = polymorphic(ChipImpl);
 
 export { Chip };
 //# sourceMappingURL=Chip.mjs.map

package/dist/components/Chip/Chip.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.mjs","sources":["../../../src/components/Chip/Chip.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraBadge"],"mappings":";;;;;;;AAQA;;;;;;;;;;;;;AAaG;MACU,IAAI,GAAG,UAAU,CAC5B,CACE,EAAE,WAAW,GAAG,SAAS,EAAE,OAAO,GAAG,MAAM,EAAE,GAAG,IAAI,EAAa,EACjE,GAAqC,KACnC;IACF,MAAM,MAAM,GAAG,aAAa,CAAC,WAAW,EAAE,OAAO,CAAC;AAElD,IAAA,QACEA,GAAA,CAACC,KAAW,EAAA,EAAA,GACN,UAAU,KACV,MAAM,EAAA,GACN,SAAS,EAAA,GACT,IAAI,EACR,GAAG,EAAE,GAAG,EAAA,CACR;AAEN,CAAC;AAGH,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
+{"version":3,"file":"Chip.mjs","sources":["../../../src/components/Chip/Chip.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraBadge"],"mappings":";;;;;;;;AASA;;;;;;;;;;;;;AAaG;AACH,MAAM,QAAQ,GAAG,UAAU,CACzB,CACE,EAAE,WAAW,GAAG,SAAS,EAAE,OAAO,GAAG,MAAM,EAAE,GAAG,IAAI,EAAgB,EACpE,GAAqC,KACnC;IACF,MAAM,MAAM,GAAG,aAAa,CAAC,WAAW,EAAE,OAAO,CAAC;AAElD,IAAA,QACEA,GAAA,CAACC,KAAW,EAAA,EAAA,GACN,UAAU,KACV,MAAM,EAAA,GACN,SAAS,EAAA,GACT,IAAI,EACR,GAAG,EAAE,GAAG,EAAA,CACR;AAEN,CAAC,CACF;AAED,QAAQ,CAAC,WAAW,GAAG,MAAM;AAE7B;MACa,IAAI,GAAG,WAAW,CAAuB,QAAQ;;;;"}

package/dist/components/Chip/Chip.types.d.ts

@@ -1,4 +1,6 @@
+import type { ElementType } from 'react';
 import { BadgeProps as ChakraBadgeProps } from '@chakra-ui/react';
+import type { PolymorphicProps } from '../../types/polymorphic';
 /**
  * Chip color schemes - determines the semantic color of the chip.
  *
@@ -25,8 +27,15 @@ export type ChipVariant = 'solid' | 'soft' | 'outline';
  *
  * This matches the Button component's architecture for consistency.
  */
-export interface ChipProps extends Omit<ChakraBadgeProps, 'colorScheme' | 'variant'> {
+export type ChipOwnProps = Omit<ChakraBadgeProps, 'colorScheme' | 'variant' | 'as'> & {
     colorScheme?: ChipColorScheme;
     variant?: ChipVariant;
-}
+};
+/**
+ * Props for `Chip`, typed for whatever element `as` renders. Defaults to
+ * `'span'`, so the bare type is unchanged. A filter chip that navigates is the
+ * case that needs this — as a real link it keeps middle-click and
+ * open-in-new-tab.
+ */
+export type ChipProps<TElement extends ElementType = 'span'> = PolymorphicProps<TElement, ChipOwnProps>;
 //# sourceMappingURL=Chip.types.d.ts.map

package/dist/components/Chip/Chip.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.types.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAElE;;;;;;;;;GASG;AACH,MAAM,MAAM,eAAe,GACvB,SAAS,GACT,WAAW,GACX,QAAQ,GACR,SAAS,GACT,SAAS,GACT,SAAS,CAAC;AAEd;;;;;;GAMG;AACH,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AAEvD;;;;;;GAMG;AACH,MAAM,WAAW,SAAU,SAAQ,IAAI,CACrC,gBAAgB,EAChB,aAAa,GAAG,SAAS,CAC1B;IACC,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB"}
+{"version":3,"file":"Chip.types.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAGlE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAEhE;;;;;;;;;GASG;AACH,MAAM,MAAM,eAAe,GACvB,SAAS,GACT,WAAW,GACX,QAAQ,GACR,SAAS,GACT,SAAS,GACT,SAAS,CAAC;AAEd;;;;;;GAMG;AACH,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AAEvD;;;;;;GAMG;AACH,MAAM,MAAM,YAAY,GAAG,IAAI,CAC7B,gBAAgB,EAChB,aAAa,GAAG,SAAS,GAAG,IAAI,CACjC,GAAG;IACF,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB,CAAC;AAEF;;;;;GAKG;AACH,MAAM,MAAM,SAAS,CAAC,QAAQ,SAAS,WAAW,GAAG,MAAM,IAAI,gBAAgB,CAC7E,QAAQ,EACR,YAAY,CACb,CAAC"}

package/dist/components/Container/Container.d.ts

@@ -1,5 +1,4 @@
-import { ContainerProps } from '@chakra-ui/react';
-export declare const Container: ({ style, disableResponsive, ...rest }: ContainerProps & {
-    disableResponsive?: boolean;
-}) => import("react/jsx-runtime").JSX.Element;
+import { ContainerOwnProps } from './Container.types';
+/** Type-level polymorphism over the same runtime — see `polymorphic`. */
+export declare const Container: import("../../types/polymorphic").PolymorphicComponent<ContainerOwnProps, "div">;
 //# sourceMappingURL=Container.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../src/components/Container/Container.tsx"],"names":[],"mappings":"AACA,OAAO,EAAgC,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAIhF,eAAO,MAAM,SAAS,GAAI,uCAIvB,cAAc,GAAG;IAAE,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAAE,4CAWlD,CAAC"}
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../src/components/Container/Container.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAsBtD,yEAAyE;AACzE,eAAO,MAAM,SAAS,kFAAuD,CAAC"}

package/dist/components/Container/Container.js

@@ -3,15 +3,19 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('@chakra-ui/react');
+var polymorphic = require('../../types/polymorphic.js');
 var useContainerSize = require('./useContainerSize.js');
 
-const Container = ({ style, disableResponsive, ...rest }) => {
+const ContainerImpl = ({ style, disableResponsive, ...rest }) => {
     const containerSize = useContainerSize.default();
     return (jsxRuntime.jsx(react.Container, { style: {
             ...style,
             ...(disableResponsive ? {} : { minWidth: `${containerSize}px` }),
         }, ...rest }));
 };
+ContainerImpl.displayName = 'Container';
+/** Type-level polymorphism over the same runtime — see `polymorphic`. */
+const Container = polymorphic.polymorphic(ContainerImpl);
 
 exports.Container = Container;
 //# sourceMappingURL=Container.js.map

package/dist/components/Container/Container.js.map

@@ -1 +1 @@
-{"version":3,"file":"Container.js","sources":["../../../src/components/Container/Container.tsx"],"sourcesContent":[null],"names":["useContainerSize","_jsx","ChakraContainer"],"mappings":";;;;;;;AAKO,MAAM,SAAS,GAAG,CAAC,EACxB,KAAK,EACL,iBAAiB,EACjB,GAAG,IAAI,EAC0C,KAAI;AACrD,IAAA,MAAM,aAAa,GAAGA,wBAAgB,EAAE;AACxC,IAAA,QACEC,cAAA,CAACC,eAAe,EAAA,EACd,KAAK,EAAE;AACL,YAAA,GAAG,KAAK;AACR,YAAA,IAAI,iBAAiB,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAA,EAAG,aAAa,CAAA,EAAA,CAAI,EAAE,CAAC;SACjE,EAAA,GACG,IAAI,EAAA,CACR;AAEN;;;;"}
+{"version":3,"file":"Container.js","sources":["../../../src/components/Container/Container.tsx"],"sourcesContent":[null],"names":["useContainerSize","_jsx","ChakraContainer","polymorphic"],"mappings":";;;;;;;;AAOA,MAAM,aAAa,GAAG,CAAC,EACrB,KAAK,EACL,iBAAiB,EACjB,GAAG,IAAI,EACW,KAAI;AACtB,IAAA,MAAM,aAAa,GAAGA,wBAAgB,EAAE;AACxC,IAAA,QACEC,cAAA,CAACC,eAAe,EAAA,EACd,KAAK,EAAE;AACL,YAAA,GAAG,KAAK;AACR,YAAA,IAAI,iBAAiB,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAA,EAAG,aAAa,CAAA,EAAA,CAAI,EAAE,CAAC;SACjE,EAAA,GACG,IAAI,EAAA,CACR;AAEN,CAAC;AAED,aAAa,CAAC,WAAW,GAAG,WAAW;AAEvC;MACa,SAAS,GAAGC,uBAAW,CAA2B,aAAa;;;;"}

package/dist/components/Container/Container.mjs

@@ -1,15 +1,19 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { Container as Container$1 } from '@chakra-ui/react';
+import { polymorphic } from '../../types/polymorphic.mjs';
 import useContainerSize from './useContainerSize.mjs';
 
-const Container = ({ style, disableResponsive, ...rest }) => {
+const ContainerImpl = ({ style, disableResponsive, ...rest }) => {
     const containerSize = useContainerSize();
     return (jsx(Container$1, { style: {
             ...style,
             ...(disableResponsive ? {} : { minWidth: `${containerSize}px` }),
         }, ...rest }));
 };
+ContainerImpl.displayName = 'Container';
+/** Type-level polymorphism over the same runtime — see `polymorphic`. */
+const Container = polymorphic(ContainerImpl);
 
 export { Container };
 //# sourceMappingURL=Container.mjs.map

package/dist/components/Container/Container.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Container.mjs","sources":["../../../src/components/Container/Container.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraContainer"],"mappings":";;;;;AAKO,MAAM,SAAS,GAAG,CAAC,EACxB,KAAK,EACL,iBAAiB,EACjB,GAAG,IAAI,EAC0C,KAAI;AACrD,IAAA,MAAM,aAAa,GAAG,gBAAgB,EAAE;AACxC,IAAA,QACEA,GAAA,CAACC,WAAe,EAAA,EACd,KAAK,EAAE;AACL,YAAA,GAAG,KAAK;AACR,YAAA,IAAI,iBAAiB,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAA,EAAG,aAAa,CAAA,EAAA,CAAI,EAAE,CAAC;SACjE,EAAA,GACG,IAAI,EAAA,CACR;AAEN;;;;"}
+{"version":3,"file":"Container.mjs","sources":["../../../src/components/Container/Container.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraContainer"],"mappings":";;;;;;AAOA,MAAM,aAAa,GAAG,CAAC,EACrB,KAAK,EACL,iBAAiB,EACjB,GAAG,IAAI,EACW,KAAI;AACtB,IAAA,MAAM,aAAa,GAAG,gBAAgB,EAAE;AACxC,IAAA,QACEA,GAAA,CAACC,WAAe,EAAA,EACd,KAAK,EAAE;AACL,YAAA,GAAG,KAAK;AACR,YAAA,IAAI,iBAAiB,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAA,EAAG,aAAa,CAAA,EAAA,CAAI,EAAE,CAAC;SACjE,EAAA,GACG,IAAI,EAAA,CACR;AAEN,CAAC;AAED,aAAa,CAAC,WAAW,GAAG,WAAW;AAEvC;MACa,SAAS,GAAG,WAAW,CAA2B,aAAa;;;;"}