@gunkin/uiify 0.0.1-alpha

package/dist/components/rating/client/RatingClient.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/rating/client/RatingClient.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactElement } from \"react\";\nimport { useControllableState } from \"@gunkin/uiify/hooks\";\nimport { ChoiceGroup } from \"../../internal/choice-family/ChoiceGroup.js\";\nimport type { ChoiceItem } from \"../../internal/choice-family/types.js\";\nimport { buildRatingItems } from \"../rating-items.js\";\nimport type { RatingClientProps } from \"../types.js\";\n\n/**\n * Controlled entry point. The default `Rating` (server, Tier 0) covers the\n * common uncontrolled case with zero client JS — hover preview and\n * persisted selection are pure CSS (`:checked`/`:hover` sibling rules). This entry only exists\n * for `value`/`onValueChange`:\n * remounting on every value change (via `key`) keeps the underlying radios\n * genuinely uncontrolled DOM nodes rather than teaching ChoiceGroup a\n * React-controlled `checked` mode.\n */\nexport function RatingClient({\n  id,\n  value: controlledValue,\n  defaultValue = 0,\n  onValueChange,\n  max = 5,\n  readOnly = false,\n  disabled = false,\n  className,\n  \"aria-label\": ariaLabel,\n}: RatingClientProps): ReactElement {\n  const [value, setValue] = useControllableState({\n    defaultValue,\n    onChange: onValueChange,\n    value: controlledValue,\n  });\n\n  return (\n    <ChoiceGroup<ChoiceItem>\n      {...(className !== undefined ? { className } : {})}\n      id={id}\n      items={buildRatingItems(max, disabled || readOnly)}\n      isChecked={(item) => Number(item.value) === value}\n      key={value}\n      kind=\"single\"\n      namespace=\"rating\"\n      onItemChange={(item) => setValue(Number(item.value))}\n      orientation=\"horizontal\"\n      rootAttributes={{\n        \"aria-label\": ariaLabel,\n        \"data-disabled\": disabled ? \"\" : undefined,\n        \"data-readonly\": readOnly ? \"\" : undefined,\n      }}\n    />\n  );\n}\nRatingClient.displayName = \"RatingClient\";\n"],"mappings":";AAoCI;AAjCJ,SAAS,4BAA4B;AACrC,SAAS,mBAAmB;AAE5B,SAAS,wBAAwB;AAY1B,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA,OAAO;AAAA,EACP,eAAe;AAAA,EACf;AAAA,EACA,MAAM;AAAA,EACN,WAAW;AAAA,EACX,WAAW;AAAA,EACX;AAAA,EACA,cAAc;AAChB,GAAoC;AAClC,QAAM,CAAC,OAAO,QAAQ,IAAI,qBAAqB;AAAA,IAC7C;AAAA,IACA,UAAU;AAAA,IACV,OAAO;AAAA,EACT,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAI,cAAc,SAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MAChD;AAAA,MACA,OAAO,iBAAiB,KAAK,YAAY,QAAQ;AAAA,MACjD,WAAW,CAAC,SAAS,OAAO,KAAK,KAAK,MAAM;AAAA,MAC5C,KAAK;AAAA,MACL,MAAK;AAAA,MACL,WAAU;AAAA,MACV,cAAc,CAAC,SAAS,SAAS,OAAO,KAAK,KAAK,CAAC;AAAA,MACnD,aAAY;AAAA,MACZ,gBAAgB;AAAA,QACd,cAAc;AAAA,QACd,iBAAiB,WAAW,KAAK;AAAA,QACjC,iBAAiB,WAAW,KAAK;AAAA,MACnC;AAAA;AAAA,EACF;AAEJ;AACA,aAAa,cAAc;","names":[]}

package/dist/components/rating/client/index.d.ts

@@ -0,0 +1,3 @@
+export { RatingClient } from "./RatingClient.js";
+export type { RatingClientProps } from "../types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/rating/client/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/rating/client/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,YAAY,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/rating/client/index.js

@@ -0,0 +1,5 @@
+import { RatingClient } from "./RatingClient.js";
+export {
+  RatingClient
+};
+//# sourceMappingURL=index.js.map

package/dist/components/rating/client/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/rating/client/index.ts"],"sourcesContent":["export { RatingClient } from \"./RatingClient.js\";\nexport type { RatingClientProps } from \"../types.js\";\n"],"mappings":"AAAA,SAAS,oBAAoB;","names":[]}

package/dist/components/rating/client.d.ts

@@ -0,0 +1 @@
+export * from "./client/index.js";

package/dist/components/rating/client.js

@@ -0,0 +1 @@
+export * from "./client/index.js";

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

@@ -0,0 +1,3 @@
+export { Rating } from "./Rating.js";
+export type { RatingProps } from "./types.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/rating/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,YAAY,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/rating/index.js

@@ -0,0 +1,5 @@
+import { Rating } from "./Rating.js";
+export {
+  Rating
+};
+//# sourceMappingURL=index.js.map

package/dist/components/rating/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/rating/index.ts"],"sourcesContent":["export { Rating } from \"./Rating.js\";\nexport type { RatingProps } from \"./types.js\";\n"],"mappings":"AAAA,SAAS,cAAc;","names":[]}

package/dist/components/rating/rating-items.d.ts

@@ -0,0 +1,15 @@
+import type { ChoiceItem } from "../internal/choice-family/types.js";
+/**
+ * One item per star, highest value first. rating.css relies on DOM order
+ * being descending (max..1): `flex-direction: row-reverse` restores normal
+ * left-to-right reading order, and the `:has(...) ~ [data-part="item"]`
+ * highlight rule only reaches *later* DOM siblings, which — because of the
+ * reversal — are the more-preferred stars. Ascending order would highlight
+ * the wrong direction (and desync each star's visual position from its
+ * value/label). The visible glyph is aria-hidden; the accessible name comes
+ * from the visually-hidden "N star(s)" text alongside it, so
+ * `aria-labelledby` (ChoiceGroup's mechanism) announces the count, not the
+ * glyph itself.
+ */
+export declare function buildRatingItems(max: number, blocked: boolean): readonly ChoiceItem[];
+//# sourceMappingURL=rating-items.d.ts.map

package/dist/components/rating/rating-items.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rating-items.d.ts","sourceRoot":"","sources":["../../../src/components/rating/rating-items.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAErE;;;;;;;;;;;GAWG;AACH,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,GAAG,SAAS,UAAU,EAAE,CAgBrF"}

package/dist/components/rating/rating-items.js

@@ -0,0 +1,23 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { VisuallyHidden } from "@gunkin/uiify/core/visually-hidden";
+function buildRatingItems(max, blocked) {
+  return Array.from({ length: max }, (_, index) => {
+    const value = max - index;
+    return {
+      value: String(value),
+      label: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs(VisuallyHidden, { children: [
+          value,
+          " ",
+          value === 1 ? "star" : "stars"
+        ] }),
+        /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\u2605" })
+      ] }),
+      disabled: blocked
+    };
+  });
+}
+export {
+  buildRatingItems
+};
+//# sourceMappingURL=rating-items.js.map

package/dist/components/rating/rating-items.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/rating/rating-items.tsx"],"sourcesContent":["import { VisuallyHidden } from \"@gunkin/uiify/core/visually-hidden\";\nimport type { ChoiceItem } from \"../internal/choice-family/types.js\";\n\n/**\n * One item per star, highest value first. rating.css relies on DOM order\n * being descending (max..1): `flex-direction: row-reverse` restores normal\n * left-to-right reading order, and the `:has(...) ~ [data-part=\"item\"]`\n * highlight rule only reaches *later* DOM siblings, which — because of the\n * reversal — are the more-preferred stars. Ascending order would highlight\n * the wrong direction (and desync each star's visual position from its\n * value/label). The visible glyph is aria-hidden; the accessible name comes\n * from the visually-hidden \"N star(s)\" text alongside it, so\n * `aria-labelledby` (ChoiceGroup's mechanism) announces the count, not the\n * glyph itself.\n */\nexport function buildRatingItems(max: number, blocked: boolean): readonly ChoiceItem[] {\n  return Array.from({ length: max }, (_, index) => {\n    const value = max - index;\n    return {\n      value: String(value),\n      label: (\n        <>\n          <VisuallyHidden>\n            {value} {value === 1 ? \"star\" : \"stars\"}\n          </VisuallyHidden>\n          <span aria-hidden=\"true\">★</span>\n        </>\n      ),\n      disabled: blocked,\n    };\n  });\n}\n"],"mappings":"AAqBQ,mBAIE,KAHA,YADF;AArBR,SAAS,sBAAsB;AAexB,SAAS,iBAAiB,KAAa,SAAyC;AACrF,SAAO,MAAM,KAAK,EAAE,QAAQ,IAAI,GAAG,CAAC,GAAG,UAAU;AAC/C,UAAM,QAAQ,MAAM;AACpB,WAAO;AAAA,MACL,OAAO,OAAO,KAAK;AAAA,MACnB,OACE,iCACE;AAAA,6BAAC,kBACE;AAAA;AAAA,UAAM;AAAA,UAAE,UAAU,IAAI,SAAS;AAAA,WAClC;AAAA,QACA,oBAAC,UAAK,eAAY,QAAO,oBAAC;AAAA,SAC5B;AAAA,MAEF,UAAU;AAAA,IACZ;AAAA,EACF,CAAC;AACH;","names":[]}

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

@@ -0,0 +1,14 @@
+export interface RatingProps {
+    readonly id: string;
+    readonly defaultValue?: number;
+    readonly max?: number;
+    readonly readOnly?: boolean;
+    readonly disabled?: boolean;
+    readonly className?: string;
+    readonly "aria-label"?: string;
+}
+export interface RatingClientProps extends RatingProps {
+    readonly value?: number;
+    readonly onValueChange?: (value: number) => void;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/rating/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;CAChC;AAED,MAAM,WAAW,iBAAkB,SAAQ,WAAW;IACpD,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAClD"}

package/dist/components/rating/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/dist/components/rating/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/rating.d.ts

@@ -0,0 +1 @@
+export * from "./rating/index.js";

package/dist/components/rating.js

@@ -0,0 +1 @@
+export * from "./rating/index.js";

package/dist/components/segmented-control/SegmentedControl.d.ts

@@ -0,0 +1,7 @@
+import type { ReactElement } from "react";
+import type { SegmentedControlProps } from "./types.js";
+export declare function SegmentedControl({ id, items, defaultValue, disabled, orientation, fullWidth, className, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, }: SegmentedControlProps): ReactElement;
+export declare namespace SegmentedControl {
+    var displayName: string;
+}
+//# sourceMappingURL=SegmentedControl.d.ts.map

package/dist/components/segmented-control/SegmentedControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../src/components/segmented-control/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAwB,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAE9E,wBAAgB,gBAAgB,CAAC,EAC/B,EAAE,EACF,KAAK,EACL,YAAY,EACZ,QAAgB,EAChB,WAA0B,EAC1B,SAAiB,EACjB,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,GAClC,EAAE,qBAAqB,GAAG,YAAY,CAwBtC;yBAlCe,gBAAgB"}

package/dist/components/segmented-control/SegmentedControl.js

@@ -0,0 +1,42 @@
+import { jsx } from "react/jsx-runtime";
+import { ChoiceGroup } from "../internal/choice-family/ChoiceGroup.js";
+function SegmentedControl({
+  id,
+  items,
+  defaultValue,
+  disabled = false,
+  orientation = "horizontal",
+  fullWidth = false,
+  className,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy
+}) {
+  const resolvedItems = items.map((item) => ({
+    ...item,
+    disabled: disabled || item.disabled === true
+  }));
+  return /* @__PURE__ */ jsx(
+    ChoiceGroup,
+    {
+      ...className !== void 0 ? { className } : {},
+      id,
+      items: resolvedItems,
+      isChecked: (item) => item.value === defaultValue,
+      kind: "single",
+      namespace: "segmented-control",
+      orientation,
+      rootAttributes: {
+        role: "radiogroup",
+        "aria-label": ariaLabel,
+        "aria-labelledby": ariaLabelledBy,
+        "data-disabled": disabled ? "" : void 0,
+        "data-full-width": fullWidth ? "" : void 0
+      }
+    }
+  );
+}
+SegmentedControl.displayName = "SegmentedControl";
+export {
+  SegmentedControl
+};
+//# sourceMappingURL=SegmentedControl.js.map

package/dist/components/segmented-control/SegmentedControl.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/segmented-control/SegmentedControl.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport { ChoiceGroup } from \"../internal/choice-family/ChoiceGroup.js\";\nimport type { SegmentedControlItem, SegmentedControlProps } from \"./types.js\";\n\nexport function SegmentedControl({\n  id,\n  items,\n  defaultValue,\n  disabled = false,\n  orientation = \"horizontal\",\n  fullWidth = false,\n  className,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n}: SegmentedControlProps): ReactElement {\n  const resolvedItems = items.map((item) => ({\n    ...item,\n    disabled: disabled || item.disabled === true,\n  }));\n\n  return (\n    <ChoiceGroup<SegmentedControlItem>\n      {...(className !== undefined ? { className } : {})}\n      id={id}\n      items={resolvedItems}\n      isChecked={(item) => item.value === defaultValue}\n      kind=\"single\"\n      namespace=\"segmented-control\"\n      orientation={orientation}\n      rootAttributes={{\n        role: \"radiogroup\",\n        \"aria-label\": ariaLabel,\n        \"aria-labelledby\": ariaLabelledBy,\n        \"data-disabled\": disabled ? \"\" : undefined,\n        \"data-full-width\": fullWidth ? \"\" : undefined,\n      }}\n    />\n  );\n}\nSegmentedControl.displayName = \"SegmentedControl\";\n"],"mappings":"AAqBI;AApBJ,SAAS,mBAAmB;AAGrB,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,cAAc;AAAA,EACd,YAAY;AAAA,EACZ;AAAA,EACA,cAAc;AAAA,EACd,mBAAmB;AACrB,GAAwC;AACtC,QAAM,gBAAgB,MAAM,IAAI,CAAC,UAAU;AAAA,IACzC,GAAG;AAAA,IACH,UAAU,YAAY,KAAK,aAAa;AAAA,EAC1C,EAAE;AAEF,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAI,cAAc,SAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MAChD;AAAA,MACA,OAAO;AAAA,MACP,WAAW,CAAC,SAAS,KAAK,UAAU;AAAA,MACpC,MAAK;AAAA,MACL,WAAU;AAAA,MACV;AAAA,MACA,gBAAgB;AAAA,QACd,MAAM;AAAA,QACN,cAAc;AAAA,QACd,mBAAmB;AAAA,QACnB,iBAAiB,WAAW,KAAK;AAAA,QACjC,mBAAmB,YAAY,KAAK;AAAA,MACtC;AAAA;AAAA,EACF;AAEJ;AACA,iBAAiB,cAAc;","names":[]}

package/dist/components/segmented-control/client/SegmentedControlClient.d.ts

@@ -0,0 +1,7 @@
+import type { ReactElement } from "react";
+import type { SegmentedControlClientProps } from "../types.js";
+export declare function SegmentedControlClient({ id, items, value: controlledValue, defaultValue, onChange, disabled, orientation, fullWidth, className, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, }: SegmentedControlClientProps): ReactElement;
+export declare namespace SegmentedControlClient {
+    var displayName: string;
+}
+//# sourceMappingURL=SegmentedControlClient.d.ts.map

package/dist/components/segmented-control/client/SegmentedControlClient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControlClient.d.ts","sourceRoot":"","sources":["../../../../src/components/segmented-control/client/SegmentedControlClient.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,2BAA2B,EAAwB,MAAM,aAAa,CAAC;AAErF,wBAAgB,sBAAsB,CAAC,EACrC,EAAE,EACF,KAAK,EACL,KAAK,EAAE,eAAe,EACtB,YAAY,EACZ,QAAQ,EACR,QAAgB,EAChB,WAA0B,EAC1B,SAAiB,EACjB,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,GAClC,EAAE,2BAA2B,GAAG,YAAY,CAiC5C;yBA7Ce,sBAAsB"}

package/dist/components/segmented-control/client/SegmentedControlClient.js

@@ -0,0 +1,55 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useControllableState } from "@gunkin/uiify/hooks";
+import { ChoiceGroup } from "../../internal/choice-family/ChoiceGroup.js";
+function SegmentedControlClient({
+  id,
+  items,
+  value: controlledValue,
+  defaultValue,
+  onChange,
+  disabled = false,
+  orientation = "horizontal",
+  fullWidth = false,
+  className,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy
+}) {
+  const [selectedValue, setSelectedValue] = useControllableState({
+    defaultValue,
+    onChange: (nextValue) => {
+      if (nextValue !== void 0) onChange?.(nextValue);
+    },
+    value: controlledValue
+  });
+  const resolvedItems = items.map((item) => ({
+    ...item,
+    disabled: disabled || item.disabled === true
+  }));
+  return /* @__PURE__ */ jsx(
+    ChoiceGroup,
+    {
+      ...className !== void 0 ? { className } : {},
+      id,
+      items: resolvedItems,
+      isChecked: (item) => item.value === selectedValue,
+      isControlled: controlledValue !== void 0,
+      kind: "single",
+      namespace: "segmented-control",
+      onItemChange: (item) => setSelectedValue(item.value),
+      orientation,
+      rootAttributes: {
+        role: "radiogroup",
+        "aria-label": ariaLabel,
+        "aria-labelledby": ariaLabelledBy,
+        "data-disabled": disabled ? "" : void 0,
+        "data-full-width": fullWidth ? "" : void 0
+      }
+    }
+  );
+}
+SegmentedControlClient.displayName = "SegmentedControlClient";
+export {
+  SegmentedControlClient
+};
+//# sourceMappingURL=SegmentedControlClient.js.map

package/dist/components/segmented-control/client/SegmentedControlClient.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/segmented-control/client/SegmentedControlClient.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactElement } from \"react\";\nimport { useControllableState } from \"@gunkin/uiify/hooks\";\nimport { ChoiceGroup } from \"../../internal/choice-family/ChoiceGroup.js\";\nimport type { SegmentedControlClientProps, SegmentedControlItem } from \"../types.js\";\n\nexport function SegmentedControlClient({\n  id,\n  items,\n  value: controlledValue,\n  defaultValue,\n  onChange,\n  disabled = false,\n  orientation = \"horizontal\",\n  fullWidth = false,\n  className,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n}: SegmentedControlClientProps): ReactElement {\n  const [selectedValue, setSelectedValue] = useControllableState<string | undefined>({\n    defaultValue,\n    onChange: (nextValue) => {\n      if (nextValue !== undefined) onChange?.(nextValue);\n    },\n    value: controlledValue,\n  });\n  const resolvedItems = items.map((item) => ({\n    ...item,\n    disabled: disabled || item.disabled === true,\n  }));\n\n  return (\n    <ChoiceGroup<SegmentedControlItem>\n      {...(className !== undefined ? { className } : {})}\n      id={id}\n      items={resolvedItems}\n      isChecked={(item) => item.value === selectedValue}\n      isControlled={controlledValue !== undefined}\n      kind=\"single\"\n      namespace=\"segmented-control\"\n      onItemChange={(item) => setSelectedValue(item.value)}\n      orientation={orientation}\n      rootAttributes={{\n        role: \"radiogroup\",\n        \"aria-label\": ariaLabel,\n        \"aria-labelledby\": ariaLabelledBy,\n        \"data-disabled\": disabled ? \"\" : undefined,\n        \"data-full-width\": fullWidth ? \"\" : undefined,\n      }}\n    />\n  );\n}\n\nSegmentedControlClient.displayName = \"SegmentedControlClient\";\n"],"mappings":";AAiCI;AA9BJ,SAAS,4BAA4B;AACrC,SAAS,mBAAmB;AAGrB,SAAS,uBAAuB;AAAA,EACrC;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,cAAc;AAAA,EACd,YAAY;AAAA,EACZ;AAAA,EACA,cAAc;AAAA,EACd,mBAAmB;AACrB,GAA8C;AAC5C,QAAM,CAAC,eAAe,gBAAgB,IAAI,qBAAyC;AAAA,IACjF;AAAA,IACA,UAAU,CAAC,cAAc;AACvB,UAAI,cAAc,OAAW,YAAW,SAAS;AAAA,IACnD;AAAA,IACA,OAAO;AAAA,EACT,CAAC;AACD,QAAM,gBAAgB,MAAM,IAAI,CAAC,UAAU;AAAA,IACzC,GAAG;AAAA,IACH,UAAU,YAAY,KAAK,aAAa;AAAA,EAC1C,EAAE;AAEF,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAI,cAAc,SAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MAChD;AAAA,MACA,OAAO;AAAA,MACP,WAAW,CAAC,SAAS,KAAK,UAAU;AAAA,MACpC,cAAc,oBAAoB;AAAA,MAClC,MAAK;AAAA,MACL,WAAU;AAAA,MACV,cAAc,CAAC,SAAS,iBAAiB,KAAK,KAAK;AAAA,MACnD;AAAA,MACA,gBAAgB;AAAA,QACd,MAAM;AAAA,QACN,cAAc;AAAA,QACd,mBAAmB;AAAA,QACnB,iBAAiB,WAAW,KAAK;AAAA,QACjC,mBAAmB,YAAY,KAAK;AAAA,MACtC;AAAA;AAAA,EACF;AAEJ;AAEA,uBAAuB,cAAc;","names":[]}

package/dist/components/segmented-control/client/index.d.ts

@@ -0,0 +1,3 @@
+export { SegmentedControlClient } from "./SegmentedControlClient.js";
+export type { SegmentedControlClientProps } from "../types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/segmented-control/client/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/segmented-control/client/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,YAAY,EAAE,2BAA2B,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/segmented-control/client/index.js

@@ -0,0 +1,5 @@
+import { SegmentedControlClient } from "./SegmentedControlClient.js";
+export {
+  SegmentedControlClient
+};
+//# sourceMappingURL=index.js.map

package/dist/components/segmented-control/client/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/segmented-control/client/index.ts"],"sourcesContent":["export { SegmentedControlClient } from \"./SegmentedControlClient.js\";\nexport type { SegmentedControlClientProps } from \"../types.js\";\n"],"mappings":"AAAA,SAAS,8BAA8B;","names":[]}

package/dist/components/segmented-control/client.d.ts

@@ -0,0 +1 @@
+export * from "./client/index.js";

package/dist/components/segmented-control/client.js

@@ -0,0 +1 @@
+export * from "./client/index.js";

package/dist/components/segmented-control/index.d.ts

@@ -0,0 +1,3 @@
+export { SegmentedControl } from "./SegmentedControl.js";
+export type { SegmentedControlClientProps, SegmentedControlItem, SegmentedControlProps, } from "./types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/segmented-control/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/segmented-control/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,YAAY,EACV,2BAA2B,EAC3B,oBAAoB,EACpB,qBAAqB,GACtB,MAAM,YAAY,CAAC"}

package/dist/components/segmented-control/index.js

@@ -0,0 +1,5 @@
+import { SegmentedControl } from "./SegmentedControl.js";
+export {
+  SegmentedControl
+};
+//# sourceMappingURL=index.js.map

package/dist/components/segmented-control/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/segmented-control/index.ts"],"sourcesContent":["export { SegmentedControl } from \"./SegmentedControl.js\";\nexport type {\n  SegmentedControlClientProps,\n  SegmentedControlItem,\n  SegmentedControlProps,\n} from \"./types.js\";\n"],"mappings":"AAAA,SAAS,wBAAwB;","names":[]}

package/dist/components/segmented-control/types.d.ts

@@ -0,0 +1,19 @@
+import type { ChoiceItem, ChoiceOrientation } from "../internal/choice-family/types.js";
+export interface SegmentedControlItem extends ChoiceItem {
+}
+export interface SegmentedControlProps {
+    readonly id: string;
+    readonly items: readonly SegmentedControlItem[];
+    readonly defaultValue?: string;
+    readonly disabled?: boolean;
+    readonly orientation?: ChoiceOrientation;
+    readonly fullWidth?: boolean;
+    readonly className?: string;
+    readonly "aria-label"?: string;
+    readonly "aria-labelledby"?: string;
+}
+export interface SegmentedControlClientProps extends SegmentedControlProps {
+    readonly value?: string;
+    readonly onChange?: (value: string) => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/segmented-control/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/segmented-control/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAExF,MAAM,WAAW,oBAAqB,SAAQ,UAAU;CAAG;AAE3D,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,KAAK,EAAE,SAAS,oBAAoB,EAAE,CAAC;IAChD,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,WAAW,CAAC,EAAE,iBAAiB,CAAC;IACzC,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;CACrC;AAED,MAAM,WAAW,2BAA4B,SAAQ,qBAAqB;IACxE,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C"}

package/dist/components/segmented-control/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/dist/components/segmented-control/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/segmented-control.d.ts

@@ -0,0 +1 @@
+export * from "./segmented-control/index.js";

package/dist/components/segmented-control.js

@@ -0,0 +1 @@
+export * from "./segmented-control/index.js";

package/dist/components/select/Select.d.ts

@@ -0,0 +1,21 @@
+import type { ElementType, ReactElement } from "react";
+import type { SelectRootProps, SelectContentOwnProps, SelectItemProps, SelectGroupProps, SelectSeparatorProps } from "./types.js";
+export declare function SelectRoot<TAs extends ElementType = "select">(props: SelectRootProps<TAs>): ReactElement | null;
+export declare function SelectContent(props: SelectContentOwnProps): React.ReactNode;
+export declare function SelectItem<TAs extends ElementType = "option">(props: SelectItemProps<TAs>): ReactElement | null;
+export declare function SelectGroup<TAs extends ElementType = "optgroup">(props: SelectGroupProps<TAs>): ReactElement | null;
+export declare namespace SelectGroup {
+    var displayName: string;
+}
+export declare function SelectSeparator<TAs extends ElementType = "hr">(props: SelectSeparatorProps<TAs>): ReactElement | null;
+export declare namespace SelectSeparator {
+    var displayName: string;
+}
+export declare const Select: {
+    Content: typeof SelectContent;
+    Group: typeof SelectGroup;
+    Item: typeof SelectItem;
+    Root: typeof SelectRoot;
+    Separator: typeof SelectSeparator;
+};
+//# sourceMappingURL=Select.d.ts.map

package/dist/components/select/Select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAkB,MAAM,OAAO,CAAC;AAGvE,OAAO,KAAK,EACV,eAAe,EACf,qBAAqB,EACrB,eAAe,EACf,gBAAgB,EAChB,oBAAoB,EACrB,MAAM,YAAY,CAAC;AAEpB,wBAAgB,UAAU,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EAC3D,KAAK,EAAE,eAAe,CAAC,GAAG,CAAC,GAC1B,YAAY,GAAG,IAAI,CAwCrB;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,qBAAqB,GAAG,KAAK,CAAC,SAAS,CAE3E;AAED,wBAAgB,UAAU,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EAC3D,KAAK,EAAE,eAAe,CAAC,GAAG,CAAC,GAC1B,YAAY,GAAG,IAAI,CAsBrB;AAED,wBAAgB,WAAW,CAAC,GAAG,SAAS,WAAW,GAAG,UAAU,EAC9D,KAAK,EAAE,gBAAgB,CAAC,GAAG,CAAC,GAC3B,YAAY,GAAG,IAAI,CAcrB;yBAhBe,WAAW;;;AAmB3B,wBAAgB,eAAe,CAAC,GAAG,SAAS,WAAW,GAAG,IAAI,EAC5D,KAAK,EAAE,oBAAoB,CAAC,GAAG,CAAC,GAC/B,YAAY,GAAG,IAAI,CAUrB;yBAZe,eAAe;;;AAe/B,eAAO,MAAM,MAAM;;;;;;CAMlB,CAAC"}

package/dist/components/select/Select.js

@@ -0,0 +1,102 @@
+import { composeEventHandlers } from "@gunkin/uiify/core/compose-event-handlers";
+import { useRenderElement } from "@gunkin/uiify/core/render";
+function SelectRoot(props) {
+  const {
+    as,
+    render,
+    value,
+    defaultValue,
+    onValueChange,
+    name,
+    disabled = false,
+    children: consumerChildren,
+    ...consumerProps
+  } = props;
+  const isControlled = value !== void 0;
+  const handleChange = (event) => {
+    onValueChange?.(event.currentTarget.value);
+  };
+  const consumerOnChange = consumerProps.onChange;
+  return useRenderElement({
+    as,
+    defaultTag: "select",
+    props: {
+      ...consumerProps,
+      children: consumerChildren,
+      "data-disabled": disabled ? "" : void 0,
+      disabled: disabled || void 0,
+      name,
+      onChange: composeEventHandlers(consumerOnChange, handleChange),
+      ...isControlled ? { value } : defaultValue !== void 0 ? { defaultValue } : {}
+    },
+    render,
+    state: { disabled }
+  });
+}
+function SelectContent(props) {
+  return props.children ?? null;
+}
+function SelectItem(props) {
+  const {
+    as,
+    render,
+    children,
+    disabled = false,
+    value,
+    ...consumerProps
+  } = props;
+  return useRenderElement({
+    as,
+    defaultTag: "option",
+    props: {
+      ...consumerProps,
+      disabled: disabled || void 0,
+      value,
+      children
+    },
+    render,
+    state: { disabled }
+  });
+}
+function SelectGroup(props) {
+  const { as, render, children, label, ...consumerProps } = props;
+  return useRenderElement({
+    as,
+    defaultTag: "optgroup",
+    props: {
+      ...consumerProps,
+      label,
+      children
+    },
+    render,
+    state: { label }
+  });
+}
+SelectGroup.displayName = "SelectGroup";
+function SelectSeparator(props) {
+  const { as, render, ...consumerProps } = props;
+  return useRenderElement({
+    as,
+    defaultTag: "hr",
+    props: { ...consumerProps, "data-part": "separator" },
+    render,
+    state: {}
+  });
+}
+SelectSeparator.displayName = "SelectSeparator";
+const Select = {
+  Content: SelectContent,
+  Group: SelectGroup,
+  Item: SelectItem,
+  Root: SelectRoot,
+  Separator: SelectSeparator
+};
+export {
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectRoot,
+  SelectSeparator
+};
+//# sourceMappingURL=Select.js.map

package/dist/components/select/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/select/Select.tsx"],"sourcesContent":["import type { ElementType, ReactElement, SyntheticEvent } from \"react\";\nimport { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport type {\n  SelectRootProps,\n  SelectContentOwnProps,\n  SelectItemProps,\n  SelectGroupProps,\n  SelectSeparatorProps,\n} from \"./types.js\";\n\nexport function SelectRoot<TAs extends ElementType = \"select\">(\n  props: SelectRootProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    value,\n    defaultValue,\n    onValueChange,\n    name,\n    disabled = false,\n    children: consumerChildren,\n    ...consumerProps\n  } = props as SelectRootProps<\"select\">;\n\n  const isControlled = value !== undefined;\n\n  const handleChange = (event: SyntheticEvent<HTMLSelectElement>): void => {\n    onValueChange?.(event.currentTarget.value);\n  };\n\n  const consumerOnChange = (\n    consumerProps as Record<string, unknown> & {\n      onChange?: (event: SyntheticEvent<HTMLSelectElement>) => void;\n    }\n  ).onChange;\n\n  return useRenderElement({\n    as,\n    defaultTag: \"select\",\n    props: {\n      ...consumerProps,\n      children: consumerChildren,\n      \"data-disabled\": disabled ? \"\" : undefined,\n      disabled: disabled || undefined,\n      name,\n      onChange: composeEventHandlers(consumerOnChange, handleChange),\n      ...(isControlled ? { value } : defaultValue !== undefined ? { defaultValue } : {}),\n    },\n    render,\n    state: { disabled },\n  });\n}\n\nexport function SelectContent(props: SelectContentOwnProps): React.ReactNode {\n  return props.children ?? null;\n}\n\nexport function SelectItem<TAs extends ElementType = \"option\">(\n  props: SelectItemProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    children,\n    disabled = false,\n    value,\n    ...consumerProps\n  } = props as SelectItemProps<\"option\">;\n\n  return useRenderElement({\n    as,\n    defaultTag: \"option\",\n    props: {\n      ...consumerProps,\n      disabled: disabled || undefined,\n      value,\n      children,\n    },\n    render,\n    state: { disabled },\n  });\n}\n\nexport function SelectGroup<TAs extends ElementType = \"optgroup\">(\n  props: SelectGroupProps<TAs>,\n): ReactElement | null {\n  const { as, render, children, label, ...consumerProps } = props as SelectGroupProps<\"optgroup\">;\n\n  return useRenderElement({\n    as,\n    defaultTag: \"optgroup\",\n    props: {\n      ...consumerProps,\n      label,\n      children,\n    },\n    render,\n    state: { label },\n  });\n}\nSelectGroup.displayName = \"SelectGroup\";\n\nexport function SelectSeparator<TAs extends ElementType = \"hr\">(\n  props: SelectSeparatorProps<TAs>,\n): ReactElement | null {\n  const { as, render, ...consumerProps } = props as SelectSeparatorProps<\"hr\">;\n\n  return useRenderElement({\n    as,\n    defaultTag: \"hr\",\n    props: { ...consumerProps, \"data-part\": \"separator\" },\n    render,\n    state: {},\n  });\n}\nSelectSeparator.displayName = \"SelectSeparator\";\n\nexport const Select = {\n  Content: SelectContent,\n  Group: SelectGroup,\n  Item: SelectItem,\n  Root: SelectRoot,\n  Separator: SelectSeparator,\n};\n"],"mappings":"AACA,SAAS,4BAA4B;AACrC,SAAS,wBAAwB;AAS1B,SAAS,WACd,OACqB;AACrB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,UAAU;AAAA,IACV,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,eAAe,UAAU;AAE/B,QAAM,eAAe,CAAC,UAAmD;AACvE,oBAAgB,MAAM,cAAc,KAAK;AAAA,EAC3C;AAEA,QAAM,mBACJ,cAGA;AAEF,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,UAAU;AAAA,MACV,iBAAiB,WAAW,KAAK;AAAA,MACjC,UAAU,YAAY;AAAA,MACtB;AAAA,MACA,UAAU,qBAAqB,kBAAkB,YAAY;AAAA,MAC7D,GAAI,eAAe,EAAE,MAAM,IAAI,iBAAiB,SAAY,EAAE,aAAa,IAAI,CAAC;AAAA,IAClF;AAAA,IACA;AAAA,IACA,OAAO,EAAE,SAAS;AAAA,EACpB,CAAC;AACH;AAEO,SAAS,cAAc,OAA+C;AAC3E,SAAO,MAAM,YAAY;AAC3B;AAEO,SAAS,WACd,OACqB;AACrB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,UAAU,YAAY;AAAA,MACtB;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,IACA,OAAO,EAAE,SAAS;AAAA,EACpB,CAAC;AACH;AAEO,SAAS,YACd,OACqB;AACrB,QAAM,EAAE,IAAI,QAAQ,UAAU,OAAO,GAAG,cAAc,IAAI;AAE1D,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,IACA,OAAO,EAAE,MAAM;AAAA,EACjB,CAAC;AACH;AACA,YAAY,cAAc;AAEnB,SAAS,gBACd,OACqB;AACrB,QAAM,EAAE,IAAI,QAAQ,GAAG,cAAc,IAAI;AAEzC,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO,EAAE,GAAG,eAAe,aAAa,YAAY;AAAA,IACpD;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AACA,gBAAgB,cAAc;AAEvB,MAAM,SAAS;AAAA,EACpB,SAAS;AAAA,EACT,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA,EACN,WAAW;AACb;","names":[]}

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

@@ -0,0 +1,3 @@
+export { Select, SelectContent, SelectGroup, SelectItem, SelectRoot, SelectSeparator, } from "./Select.js";
+export type { SelectContentOwnProps, SelectGroupOwnProps, SelectGroupProps, SelectItemOwnProps, SelectItemProps, SelectRootOwnProps, SelectRootProps, SelectSeparatorOwnProps, SelectSeparatorProps, } from "./types.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,aAAa,EACb,WAAW,EACX,UAAU,EACV,UAAU,EACV,eAAe,GAChB,MAAM,aAAa,CAAC;AACrB,YAAY,EACV,qBAAqB,EACrB,mBAAmB,EACnB,gBAAgB,EAChB,kBAAkB,EAClB,eAAe,EACf,kBAAkB,EAClB,eAAe,EACf,uBAAuB,EACvB,oBAAoB,GACrB,MAAM,YAAY,CAAC"}

package/dist/components/select/index.js

@@ -0,0 +1,17 @@
+import {
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectRoot,
+  SelectSeparator
+} from "./Select.js";
+export {
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectRoot,
+  SelectSeparator
+};
+//# sourceMappingURL=index.js.map

package/dist/components/select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/select/index.ts"],"sourcesContent":["export {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectRoot,\n  SelectSeparator,\n} from \"./Select.js\";\nexport type {\n  SelectContentOwnProps,\n  SelectGroupOwnProps,\n  SelectGroupProps,\n  SelectItemOwnProps,\n  SelectItemProps,\n  SelectRootOwnProps,\n  SelectRootProps,\n  SelectSeparatorOwnProps,\n  SelectSeparatorProps,\n} from \"./types.js\";\n"],"mappings":"AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}

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

@@ -0,0 +1,32 @@
+import type { ElementType, ReactNode } from "react";
+import type { RenderableProps } from "@gunkin/uiify/core/render";
+export interface SelectRootOwnProps {
+    readonly children?: ReactNode;
+    readonly value?: string;
+    readonly defaultValue?: string;
+    readonly onValueChange?: (value: string) => void;
+    readonly name?: string;
+    readonly disabled?: boolean;
+}
+export type SelectRootProps<TAs extends ElementType = "select"> = RenderableProps<TAs, SelectRootOwnProps, SelectRootOwnProps, HTMLSelectElement>;
+export interface SelectContentOwnProps {
+    readonly children?: ReactNode;
+}
+export interface SelectItemOwnProps {
+    readonly children?: ReactNode;
+    readonly disabled?: boolean;
+    readonly value: string;
+}
+export type SelectItemProps<TAs extends ElementType = "option"> = RenderableProps<TAs, SelectItemOwnProps, {
+    disabled: boolean;
+}, HTMLOptionElement>;
+export interface SelectGroupOwnProps {
+    readonly children?: ReactNode;
+    readonly label: string;
+}
+export type SelectGroupProps<TAs extends ElementType = "optgroup"> = RenderableProps<TAs, SelectGroupOwnProps, SelectGroupOwnProps, HTMLOptGroupElement>;
+export interface SelectSeparatorOwnProps {
+    readonly children?: never;
+}
+export type SelectSeparatorProps<TAs extends ElementType = "hr"> = RenderableProps<TAs, SelectSeparatorOwnProps, Record<string, never>, HTMLHRElement>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/select/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,MAAM,MAAM,eAAe,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,IAAI,eAAe,CAC/E,GAAG,EACH,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,CAClB,CAAC;AAEF,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,MAAM,eAAe,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,IAAI,eAAe,CAC/E,GAAG,EACH,kBAAkB,EAClB;IAAE,QAAQ,EAAE,OAAO,CAAA;CAAE,EACrB,iBAAiB,CAClB,CAAC;AAEF,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,MAAM,gBAAgB,CAAC,GAAG,SAAS,WAAW,GAAG,UAAU,IAAI,eAAe,CAClF,GAAG,EACH,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,CACpB,CAAC;AAEF,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC;CAC3B;AAED,MAAM,MAAM,oBAAoB,CAAC,GAAG,SAAS,WAAW,GAAG,IAAI,IAAI,eAAe,CAChF,GAAG,EACH,uBAAuB,EACvB,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EACrB,aAAa,CACd,CAAC"}

package/dist/components/select/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/dist/components/select/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/select.d.ts

@@ -0,0 +1 @@
+export * from "./select/index.js";

package/dist/components/select.js

@@ -0,0 +1 @@
+export * from "./select/index.js";

package/dist/components/skeleton/Skeleton.d.ts

@@ -0,0 +1,7 @@
+import type { ElementType, ReactElement } from "react";
+import type { SkeletonProps } from "./types.js";
+export declare function Skeleton<TAs extends ElementType = "div">(props: SkeletonProps<TAs>): ReactElement | null;
+export declare namespace Skeleton {
+    var displayName: string;
+}
+//# sourceMappingURL=Skeleton.d.ts.map

package/dist/components/skeleton/Skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/skeleton/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEtE,OAAO,KAAK,EAAE,aAAa,EAAwB,MAAM,YAAY,CAAC;AAOtE,wBAAgB,QAAQ,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EACtD,KAAK,EAAE,aAAa,CAAC,GAAG,CAAC,GACxB,YAAY,GAAG,IAAI,CA0BrB;yBA5Be,QAAQ"}