@fragments-sdk/ui 0.9.0 → 0.9.2

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

@@ -0,0 +1,54 @@
+import * as React from 'react';
+import { type FieldValidityState } from '@base-ui/react/field';
+export interface FieldProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    name?: string;
+    disabled?: boolean;
+    invalid?: boolean;
+    validate?: (value: unknown) => string | string[] | null | Promise<string | string[] | null>;
+    validationMode?: 'onSubmit' | 'onBlur' | 'onChange';
+    validationDebounceTime?: number;
+}
+export interface FieldLabelProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export interface FieldControlProps {
+    children: React.ReactElement;
+    className?: string;
+}
+export interface FieldDescriptionProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export interface FieldErrorProps {
+    children?: React.ReactNode;
+    match?: 'valueMissing' | 'typeMismatch' | 'tooShort' | 'tooLong' | 'patternMismatch' | 'customError' | boolean;
+    className?: string;
+}
+export interface FieldValidityProps {
+    children: (state: FieldValidityState) => React.ReactNode;
+}
+export type { FieldValidityState };
+declare function FieldRoot({ children, name, disabled, invalid, validate, validationMode, validationDebounceTime, className, ...htmlProps }: FieldProps): import("react/jsx-runtime").JSX.Element;
+declare function FieldLabel({ children, className }: FieldLabelProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Connects any child component to the Field context.
+ * Wraps the child with Base UI's Field.Control via the `render` prop,
+ * which merges aria attributes and field state onto the child element.
+ *
+ * Works with Input, Textarea, Checkbox, Switch, Select, or any element.
+ */
+declare function FieldControl({ children, className }: FieldControlProps): import("react/jsx-runtime").JSX.Element;
+declare function FieldDescription({ children, className }: FieldDescriptionProps): import("react/jsx-runtime").JSX.Element;
+declare function FieldError({ children, match, className }: FieldErrorProps): import("react/jsx-runtime").JSX.Element;
+declare function FieldValidity({ children }: FieldValidityProps): import("react/jsx-runtime").JSX.Element;
+export declare const Field: typeof FieldRoot & {
+    Label: typeof FieldLabel;
+    Control: typeof FieldControl;
+    Description: typeof FieldDescription;
+    Error: typeof FieldError;
+    Validity: typeof FieldValidity;
+};
+export { FieldRoot, FieldLabel, FieldControl, FieldDescription, FieldError, FieldValidity, };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Field/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAsB,KAAK,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAOnF,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,GAAG,OAAO,CAAC,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAAC,CAAC;IAC5F,cAAc,CAAC,EAAE,UAAU,GAAG,QAAQ,GAAG,UAAU,CAAC;IACpD,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,cAAc,GAAG,cAAc,GAAG,UAAU,GAAG,SAAS,GAAG,iBAAiB,GAAG,aAAa,GAAG,OAAO,CAAC;IAC/G,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,KAAK,CAAC,SAAS,CAAC;CAC1D;AAED,YAAY,EAAE,kBAAkB,EAAE,CAAC;AAMnC,iBAAS,SAAS,CAAC,EACjB,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,cAAc,EACd,sBAAsB,EACtB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,UAAU,2CAiBZ;AAED,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,eAAe,2CAG3D;AAED;;;;;;GAMG;AACH,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,iBAAiB,2CAQ/D;AAED,iBAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,qBAAqB,2CAOvE;AAED,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,eAAe,2CAOlE;AAED,iBAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CAEtD;AAMD,eAAO,MAAM,KAAK;;;;;;CAMhB,CAAC;AAEH,OAAO,EACL,SAAS,EACT,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,UAAU,EACV,aAAa,GACd,CAAC"}

package/dist/components/Field/index.js

@@ -0,0 +1,72 @@
+import { jsx } from "react/jsx-runtime";
+import { Field as Field$1 } from "@base-ui/react/field";
+import styles from "./Field.module.scss.js";
+function FieldRoot({
+  children,
+  name,
+  disabled,
+  invalid,
+  validate,
+  validationMode,
+  validationDebounceTime,
+  className,
+  ...htmlProps
+}) {
+  const classes = [styles.root, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx(
+    Field$1.Root,
+    {
+      ...htmlProps,
+      name,
+      disabled,
+      invalid,
+      validate,
+      validationMode,
+      validationDebounceTime,
+      className: classes,
+      children
+    }
+  );
+}
+function FieldLabel({ children, className }) {
+  const classes = [styles.label, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx(Field$1.Label, { className: classes, children });
+}
+function FieldControl({ children, className }) {
+  const classes = [styles.control, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx(
+    Field$1.Control,
+    {
+      className: classes,
+      render: children
+    }
+  );
+}
+function FieldDescription({ children, className }) {
+  const classes = [styles.description, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx(Field$1.Description, { className: classes, children });
+}
+function FieldError({ children, match, className }) {
+  const classes = [styles.error, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx(Field$1.Error, { match, className: classes, children });
+}
+function FieldValidity({ children }) {
+  return /* @__PURE__ */ jsx(Field$1.Validity, { children });
+}
+const Field = Object.assign(FieldRoot, {
+  Label: FieldLabel,
+  Control: FieldControl,
+  Description: FieldDescription,
+  Error: FieldError,
+  Validity: FieldValidity
+});
+export {
+  Field,
+  FieldControl,
+  FieldDescription,
+  FieldError,
+  FieldLabel,
+  FieldRoot,
+  FieldValidity
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/Field/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Field as BaseField, type FieldValidityState } from '@base-ui/react/field';\nimport styles from './Field.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport interface FieldProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n  name?: string;\n  disabled?: boolean;\n  invalid?: boolean;\n  validate?: (value: unknown) => string | string[] | null | Promise<string | string[] | null>;\n  validationMode?: 'onSubmit' | 'onBlur' | 'onChange';\n  validationDebounceTime?: number;\n}\n\nexport interface FieldLabelProps {\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport interface FieldControlProps {\n  children: React.ReactElement;\n  className?: string;\n}\n\nexport interface FieldDescriptionProps {\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport interface FieldErrorProps {\n  children?: React.ReactNode;\n  match?: 'valueMissing' | 'typeMismatch' | 'tooShort' | 'tooLong' | 'patternMismatch' | 'customError' | boolean;\n  className?: string;\n}\n\nexport interface FieldValidityProps {\n  children: (state: FieldValidityState) => React.ReactNode;\n}\n\nexport type { FieldValidityState };\n\n// ============================================\n// Components\n// ============================================\n\nfunction FieldRoot({\n  children,\n  name,\n  disabled,\n  invalid,\n  validate,\n  validationMode,\n  validationDebounceTime,\n  className,\n  ...htmlProps\n}: FieldProps) {\n  const classes = [styles.root, className].filter(Boolean).join(' ');\n\n  return (\n    <BaseField.Root\n      {...htmlProps}\n      name={name}\n      disabled={disabled}\n      invalid={invalid}\n      validate={validate}\n      validationMode={validationMode}\n      validationDebounceTime={validationDebounceTime}\n      className={classes}\n    >\n      {children}\n    </BaseField.Root>\n  );\n}\n\nfunction FieldLabel({ children, className }: FieldLabelProps) {\n  const classes = [styles.label, className].filter(Boolean).join(' ');\n  return <BaseField.Label className={classes}>{children}</BaseField.Label>;\n}\n\n/**\n * Connects any child component to the Field context.\n * Wraps the child with Base UI's Field.Control via the `render` prop,\n * which merges aria attributes and field state onto the child element.\n *\n * Works with Input, Textarea, Checkbox, Switch, Select, or any element.\n */\nfunction FieldControl({ children, className }: FieldControlProps) {\n  const classes = [styles.control, className].filter(Boolean).join(' ');\n  return (\n    <BaseField.Control\n      className={classes}\n      render={children}\n    />\n  );\n}\n\nfunction FieldDescription({ children, className }: FieldDescriptionProps) {\n  const classes = [styles.description, className].filter(Boolean).join(' ');\n  return (\n    <BaseField.Description className={classes}>\n      {children}\n    </BaseField.Description>\n  );\n}\n\nfunction FieldError({ children, match, className }: FieldErrorProps) {\n  const classes = [styles.error, className].filter(Boolean).join(' ');\n  return (\n    <BaseField.Error match={match} className={classes}>\n      {children}\n    </BaseField.Error>\n  );\n}\n\nfunction FieldValidity({ children }: FieldValidityProps) {\n  return <BaseField.Validity>{children}</BaseField.Validity>;\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const Field = Object.assign(FieldRoot, {\n  Label: FieldLabel,\n  Control: FieldControl,\n  Description: FieldDescription,\n  Error: FieldError,\n  Validity: FieldValidity,\n});\n\nexport {\n  FieldRoot,\n  FieldLabel,\n  FieldControl,\n  FieldDescription,\n  FieldError,\n  FieldValidity,\n};\n"],"names":["BaseField"],"mappings":";;;AAmDA,SAAS,UAAU;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAe;AACb,QAAM,UAAU,CAAC,OAAO,MAAM,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAEjE,SACE;AAAA,IAACA,QAAU;AAAA,IAAV;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MAEV;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,SAAS,WAAW,EAAE,UAAU,aAA8B;AAC5D,QAAM,UAAU,CAAC,OAAO,OAAO,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAClE,6BAAQA,QAAU,OAAV,EAAgB,WAAW,SAAU,UAAS;AACxD;AASA,SAAS,aAAa,EAAE,UAAU,aAAgC;AAChE,QAAM,UAAU,CAAC,OAAO,SAAS,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AACpE,SACE;AAAA,IAACA,QAAU;AAAA,IAAV;AAAA,MACC,WAAW;AAAA,MACX,QAAQ;AAAA,IAAA;AAAA,EAAA;AAGd;AAEA,SAAS,iBAAiB,EAAE,UAAU,aAAoC;AACxE,QAAM,UAAU,CAAC,OAAO,aAAa,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AACxE,6BACGA,QAAU,aAAV,EAAsB,WAAW,SAC/B,UACH;AAEJ;AAEA,SAAS,WAAW,EAAE,UAAU,OAAO,aAA8B;AACnE,QAAM,UAAU,CAAC,OAAO,OAAO,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAClE,6BACGA,QAAU,OAAV,EAAgB,OAAc,WAAW,SACvC,UACH;AAEJ;AAEA,SAAS,cAAc,EAAE,YAAgC;AACvD,SAAO,oBAACA,QAAU,UAAV,EAAoB,SAAA,CAAS;AACvC;AAMO,MAAM,QAAQ,OAAO,OAAO,WAAW;AAAA,EAC5C,OAAO;AAAA,EACP,SAAS;AAAA,EACT,aAAa;AAAA,EACb,OAAO;AAAA,EACP,UAAU;AACZ,CAAC;"}

package/dist/components/Fieldset/Fieldset.module.scss.cjs

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const root = "_root_wexdi_1";
+const legend = "_legend_wexdi_14";
+const styles = {
+  root,
+  legend
+};
+exports.default = styles;
+exports.legend = legend;
+exports.root = root;
+//# sourceMappingURL=Fieldset.module.scss.cjs.map

package/dist/components/Fieldset/Fieldset.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fieldset.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/dist/components/Fieldset/Fieldset.module.scss.js

@@ -0,0 +1,12 @@
+const root = "_root_wexdi_1";
+const legend = "_legend_wexdi_14";
+const styles = {
+  root,
+  legend
+};
+export {
+  styles as default,
+  legend,
+  root
+};
+//# sourceMappingURL=Fieldset.module.scss.js.map

package/dist/components/Fieldset/Fieldset.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fieldset.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/components/Fieldset/index.cjs

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const Fieldset_module = require("./Fieldset.module.scss.cjs");
+const FieldsetRoot$1 = require("../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/fieldset/root/FieldsetRoot.cjs");
+const FieldsetLegend$1 = require("../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/fieldset/legend/FieldsetLegend.cjs");
+function FieldsetRoot({ children, disabled, className, ...htmlProps }) {
+  const classes = [Fieldset_module.default.root, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx(FieldsetRoot$1.FieldsetRoot, { ...htmlProps, disabled, className: classes, children });
+}
+function FieldsetLegend({ children, className }) {
+  const classes = [Fieldset_module.default.legend, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx(FieldsetLegend$1.FieldsetLegend, { className: classes, children });
+}
+const Fieldset = Object.assign(FieldsetRoot, {
+  Legend: FieldsetLegend
+});
+exports.Fieldset = Fieldset;
+exports.FieldsetLegend = FieldsetLegend;
+exports.FieldsetRoot = FieldsetRoot;
+//# sourceMappingURL=index.cjs.map

package/dist/components/Fieldset/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Fieldset/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Fieldset as BaseFieldset } from '@base-ui/react/fieldset';\nimport styles from './Fieldset.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport interface FieldsetProps extends React.HTMLAttributes<HTMLFieldSetElement> {\n  children: React.ReactNode;\n  disabled?: boolean;\n}\n\nexport interface FieldsetLegendProps {\n  children: React.ReactNode;\n  className?: string;\n}\n\n// ============================================\n// Components\n// ============================================\n\nfunction FieldsetRoot({ children, disabled, className, ...htmlProps }: FieldsetProps) {\n  const classes = [styles.root, className].filter(Boolean).join(' ');\n\n  return (\n    <BaseFieldset.Root {...htmlProps} disabled={disabled} className={classes}>\n      {children}\n    </BaseFieldset.Root>\n  );\n}\n\nfunction FieldsetLegend({ children, className }: FieldsetLegendProps) {\n  const classes = [styles.legend, className].filter(Boolean).join(' ');\n  return <BaseFieldset.Legend className={classes}>{children}</BaseFieldset.Legend>;\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const Fieldset = Object.assign(FieldsetRoot, {\n  Legend: FieldsetLegend,\n});\n\nexport { FieldsetRoot, FieldsetLegend };\n"],"names":["styles","jsx","BaseFieldset.Root","BaseFieldset.Legend"],"mappings":";;;;;;AAwBA,SAAS,aAAa,EAAE,UAAU,UAAU,WAAW,GAAG,aAA4B;AACpF,QAAM,UAAU,CAACA,gBAAAA,QAAO,MAAM,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAEjE,SACEC,2BAAAA,IAACC,eAAAA,cAAA,EAAmB,GAAG,WAAW,UAAoB,WAAW,SAC9D,UACH;AAEJ;AAEA,SAAS,eAAe,EAAE,UAAU,aAAkC;AACpE,QAAM,UAAU,CAACF,gBAAAA,QAAO,QAAQ,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AACnE,wCAAQG,iBAAAA,gBAAA,EAAoB,WAAW,SAAU,SAAA,CAAS;AAC5D;AAMO,MAAM,WAAW,OAAO,OAAO,cAAc;AAAA,EAClD,QAAQ;AACV,CAAC;;;;"}

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

@@ -0,0 +1,16 @@
+import * as React from 'react';
+export interface FieldsetProps extends React.HTMLAttributes<HTMLFieldSetElement> {
+    children: React.ReactNode;
+    disabled?: boolean;
+}
+export interface FieldsetLegendProps {
+    children: React.ReactNode;
+    className?: string;
+}
+declare function FieldsetRoot({ children, disabled, className, ...htmlProps }: FieldsetProps): import("react/jsx-runtime").JSX.Element;
+declare function FieldsetLegend({ children, className }: FieldsetLegendProps): import("react/jsx-runtime").JSX.Element;
+export declare const Fieldset: typeof FieldsetRoot & {
+    Legend: typeof FieldsetLegend;
+};
+export { FieldsetRoot, FieldsetLegend };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Fieldset/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC;IAC9E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAMD,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,aAAa,2CAQnF;AAED,iBAAS,cAAc,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,mBAAmB,2CAGnE;AAMD,eAAO,MAAM,QAAQ;;CAEnB,CAAC;AAEH,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/Fieldset/index.js

@@ -0,0 +1,21 @@
+import { jsx } from "react/jsx-runtime";
+import styles from "./Fieldset.module.scss.js";
+import { FieldsetRoot as FieldsetRoot$1 } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/fieldset/root/FieldsetRoot.js";
+import { FieldsetLegend as FieldsetLegend$1 } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/fieldset/legend/FieldsetLegend.js";
+function FieldsetRoot({ children, disabled, className, ...htmlProps }) {
+  const classes = [styles.root, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx(FieldsetRoot$1, { ...htmlProps, disabled, className: classes, children });
+}
+function FieldsetLegend({ children, className }) {
+  const classes = [styles.legend, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx(FieldsetLegend$1, { className: classes, children });
+}
+const Fieldset = Object.assign(FieldsetRoot, {
+  Legend: FieldsetLegend
+});
+export {
+  Fieldset,
+  FieldsetLegend,
+  FieldsetRoot
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/Fieldset/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Fieldset as BaseFieldset } from '@base-ui/react/fieldset';\nimport styles from './Fieldset.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport interface FieldsetProps extends React.HTMLAttributes<HTMLFieldSetElement> {\n  children: React.ReactNode;\n  disabled?: boolean;\n}\n\nexport interface FieldsetLegendProps {\n  children: React.ReactNode;\n  className?: string;\n}\n\n// ============================================\n// Components\n// ============================================\n\nfunction FieldsetRoot({ children, disabled, className, ...htmlProps }: FieldsetProps) {\n  const classes = [styles.root, className].filter(Boolean).join(' ');\n\n  return (\n    <BaseFieldset.Root {...htmlProps} disabled={disabled} className={classes}>\n      {children}\n    </BaseFieldset.Root>\n  );\n}\n\nfunction FieldsetLegend({ children, className }: FieldsetLegendProps) {\n  const classes = [styles.legend, className].filter(Boolean).join(' ');\n  return <BaseFieldset.Legend className={classes}>{children}</BaseFieldset.Legend>;\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const Fieldset = Object.assign(FieldsetRoot, {\n  Legend: FieldsetLegend,\n});\n\nexport { FieldsetRoot, FieldsetLegend };\n"],"names":["BaseFieldset.Root","BaseFieldset.Legend"],"mappings":";;;;AAwBA,SAAS,aAAa,EAAE,UAAU,UAAU,WAAW,GAAG,aAA4B;AACpF,QAAM,UAAU,CAAC,OAAO,MAAM,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAEjE,SACE,oBAACA,gBAAA,EAAmB,GAAG,WAAW,UAAoB,WAAW,SAC9D,UACH;AAEJ;AAEA,SAAS,eAAe,EAAE,UAAU,aAAkC;AACpE,QAAM,UAAU,CAAC,OAAO,QAAQ,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AACnE,6BAAQC,kBAAA,EAAoB,WAAW,SAAU,SAAA,CAAS;AAC5D;AAMO,MAAM,WAAW,OAAO,OAAO,cAAc;AAAA,EAClD,QAAQ;AACV,CAAC;"}

package/dist/components/Form/Form.module.scss.cjs

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const root = "_root_qkhxq_1";
+const styles = {
+  root
+};
+exports.default = styles;
+exports.root = root;
+//# sourceMappingURL=Form.module.scss.cjs.map

package/dist/components/Form/Form.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/components/Form/Form.module.scss.js

@@ -0,0 +1,9 @@
+const root = "_root_qkhxq_1";
+const styles = {
+  root
+};
+export {
+  styles as default,
+  root
+};
+//# sourceMappingURL=Form.module.scss.js.map

package/dist/components/Form/Form.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/Form/index.cjs

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const Form_module = require("./Form.module.scss.cjs");
+const Form$1 = require("../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/form/Form.cjs");
+function FormRoot({
+  children,
+  errors,
+  onFormSubmit,
+  onClearErrors,
+  validationMode,
+  className,
+  ...htmlProps
+}) {
+  const classes = [Form_module.default.root, className].filter(Boolean).join(" ");
+  const baseProps = {
+    ...htmlProps,
+    errors,
+    validationMode,
+    className: classes
+  };
+  if (onFormSubmit) {
+    baseProps.onSubmit = onFormSubmit;
+  }
+  if (onClearErrors) {
+    baseProps.onClearErrors = onClearErrors;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(Form$1.Form, { ...baseProps, children });
+}
+const Form = Object.assign(FormRoot, {
+  Root: FormRoot
+});
+exports.Form = Form;
+//# sourceMappingURL=index.cjs.map

package/dist/components/Form/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Form/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Form as BaseForm } from '@base-ui/react/form';\nimport styles from './Form.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport interface FormProps extends Omit<React.HTMLAttributes<HTMLFormElement>, 'onSubmit'> {\n  children: React.ReactNode;\n  errors?: Record<string, string | string[]>;\n  onFormSubmit?: (event: React.FormEvent<HTMLFormElement>) => void;\n  onClearErrors?: (name: string) => void;\n  validationMode?: 'onSubmit' | 'onBlur' | 'onChange';\n}\n\n// ============================================\n// Component\n// ============================================\n\nfunction FormRoot({\n  children,\n  errors,\n  onFormSubmit,\n  onClearErrors,\n  validationMode,\n  className,\n  ...htmlProps\n}: FormProps) {\n  const classes = [styles.root, className].filter(Boolean).join(' ');\n\n  const baseProps: Record<string, unknown> = {\n    ...htmlProps,\n    errors,\n    validationMode,\n    className: classes,\n  };\n\n  if (onFormSubmit) {\n    baseProps.onSubmit = onFormSubmit;\n  }\n\n  if (onClearErrors) {\n    baseProps.onClearErrors = onClearErrors;\n  }\n\n  return (\n    <BaseForm {...baseProps}>\n      {children}\n    </BaseForm>\n  );\n}\n\nexport const Form = Object.assign(FormRoot, {\n  Root: FormRoot,\n});\n"],"names":["styles","jsx","BaseForm"],"mappings":";;;;;AAsBA,SAAS,SAAS;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAc;AACZ,QAAM,UAAU,CAACA,YAAAA,QAAO,MAAM,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAEjE,QAAM,YAAqC;AAAA,IACzC,GAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA,WAAW;AAAA,EAAA;AAGb,MAAI,cAAc;AAChB,cAAU,WAAW;AAAA,EACvB;AAEA,MAAI,eAAe;AACjB,cAAU,gBAAgB;AAAA,EAC5B;AAEA,SACEC,2BAAAA,IAACC,OAAAA,MAAA,EAAU,GAAG,WACX,SAAA,CACH;AAEJ;AAEO,MAAM,OAAO,OAAO,OAAO,UAAU;AAAA,EAC1C,MAAM;AACR,CAAC;;"}

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

@@ -0,0 +1,14 @@
+import * as React from 'react';
+export interface FormProps extends Omit<React.HTMLAttributes<HTMLFormElement>, 'onSubmit'> {
+    children: React.ReactNode;
+    errors?: Record<string, string | string[]>;
+    onFormSubmit?: (event: React.FormEvent<HTMLFormElement>) => void;
+    onClearErrors?: (name: string) => void;
+    validationMode?: 'onSubmit' | 'onBlur' | 'onChange';
+}
+declare function FormRoot({ children, errors, onFormSubmit, onClearErrors, validationMode, className, ...htmlProps }: FormProps): import("react/jsx-runtime").JSX.Element;
+export declare const Form: typeof FormRoot & {
+    Root: typeof FormRoot;
+};
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Form/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC;IACxF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC,CAAC;IAC3C,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IACjE,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,cAAc,CAAC,EAAE,UAAU,GAAG,QAAQ,GAAG,UAAU,CAAC;CACrD;AAMD,iBAAS,QAAQ,CAAC,EAChB,QAAQ,EACR,MAAM,EACN,YAAY,EACZ,aAAa,EACb,cAAc,EACd,SAAS,EACT,GAAG,SAAS,EACb,EAAE,SAAS,2CAuBX;AAED,eAAO,MAAM,IAAI;;CAEf,CAAC"}

package/dist/components/Form/index.js

@@ -0,0 +1,34 @@
+import { jsx } from "react/jsx-runtime";
+import styles from "./Form.module.scss.js";
+import { Form as Form$1 } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/form/Form.js";
+function FormRoot({
+  children,
+  errors,
+  onFormSubmit,
+  onClearErrors,
+  validationMode,
+  className,
+  ...htmlProps
+}) {
+  const classes = [styles.root, className].filter(Boolean).join(" ");
+  const baseProps = {
+    ...htmlProps,
+    errors,
+    validationMode,
+    className: classes
+  };
+  if (onFormSubmit) {
+    baseProps.onSubmit = onFormSubmit;
+  }
+  if (onClearErrors) {
+    baseProps.onClearErrors = onClearErrors;
+  }
+  return /* @__PURE__ */ jsx(Form$1, { ...baseProps, children });
+}
+const Form = Object.assign(FormRoot, {
+  Root: FormRoot
+});
+export {
+  Form
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/Form/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Form as BaseForm } from '@base-ui/react/form';\nimport styles from './Form.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport interface FormProps extends Omit<React.HTMLAttributes<HTMLFormElement>, 'onSubmit'> {\n  children: React.ReactNode;\n  errors?: Record<string, string | string[]>;\n  onFormSubmit?: (event: React.FormEvent<HTMLFormElement>) => void;\n  onClearErrors?: (name: string) => void;\n  validationMode?: 'onSubmit' | 'onBlur' | 'onChange';\n}\n\n// ============================================\n// Component\n// ============================================\n\nfunction FormRoot({\n  children,\n  errors,\n  onFormSubmit,\n  onClearErrors,\n  validationMode,\n  className,\n  ...htmlProps\n}: FormProps) {\n  const classes = [styles.root, className].filter(Boolean).join(' ');\n\n  const baseProps: Record<string, unknown> = {\n    ...htmlProps,\n    errors,\n    validationMode,\n    className: classes,\n  };\n\n  if (onFormSubmit) {\n    baseProps.onSubmit = onFormSubmit;\n  }\n\n  if (onClearErrors) {\n    baseProps.onClearErrors = onClearErrors;\n  }\n\n  return (\n    <BaseForm {...baseProps}>\n      {children}\n    </BaseForm>\n  );\n}\n\nexport const Form = Object.assign(FormRoot, {\n  Root: FormRoot,\n});\n"],"names":["BaseForm"],"mappings":";;;AAsBA,SAAS,SAAS;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAc;AACZ,QAAM,UAAU,CAAC,OAAO,MAAM,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAEjE,QAAM,YAAqC;AAAA,IACzC,GAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA,WAAW;AAAA,EAAA;AAGb,MAAI,cAAc;AAChB,cAAU,WAAW;AAAA,EACvB;AAEA,MAAI,eAAe;AACjB,cAAU,gBAAgB;AAAA,EAC5B;AAEA,SACE,oBAACA,QAAA,EAAU,GAAG,WACX,SAAA,CACH;AAEJ;AAEO,MAAM,OAAO,OAAO,OAAO,UAAU;AAAA,EAC1C,MAAM;AACR,CAAC;"}

package/dist/components/Grid/Grid.module.scss.cjs

@@ -0,0 +1,177 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const grid = "_grid_1ki22_1";
+const columns1 = "_columns1_1ki22_6";
+const columns2 = "_columns2_1ki22_10";
+const columns3 = "_columns3_1ki22_14";
+const columns4 = "_columns4_1ki22_18";
+const columns5 = "_columns5_1ki22_22";
+const columns6 = "_columns6_1ki22_26";
+const columns7 = "_columns7_1ki22_30";
+const columns8 = "_columns8_1ki22_34";
+const columns9 = "_columns9_1ki22_38";
+const columns10 = "_columns10_1ki22_42";
+const columns11 = "_columns11_1ki22_46";
+const columns12 = "_columns12_1ki22_50";
+const columnsAuto = "_columnsAuto_1ki22_54";
+const columnsResponsive = "_columnsResponsive_1ki22_58";
+const gapNone = "_gapNone_1ki22_83";
+const gapXs = "_gapXs_1ki22_87";
+const gapSm = "_gapSm_1ki22_91";
+const gapMd = "_gapMd_1ki22_95";
+const gapLg = "_gapLg_1ki22_99";
+const gapXl = "_gapXl_1ki22_103";
+const paddingNone = "_paddingNone_1ki22_107";
+const paddingSm = "_paddingSm_1ki22_111";
+const paddingMd = "_paddingMd_1ki22_115";
+const paddingLg = "_paddingLg_1ki22_119";
+const alignStart = "_alignStart_1ki22_123";
+const alignCenter = "_alignCenter_1ki22_127";
+const alignEnd = "_alignEnd_1ki22_131";
+const alignStretch = "_alignStretch_1ki22_135";
+const justifyStart = "_justifyStart_1ki22_139";
+const justifyCenter = "_justifyCenter_1ki22_143";
+const justifyEnd = "_justifyEnd_1ki22_147";
+const justifyStretch = "_justifyStretch_1ki22_151";
+const item = "_item_1ki22_155";
+const colSpan1 = "_colSpan1_1ki22_159";
+const colSpan2 = "_colSpan2_1ki22_163";
+const colSpan3 = "_colSpan3_1ki22_167";
+const colSpan4 = "_colSpan4_1ki22_171";
+const colSpan5 = "_colSpan5_1ki22_175";
+const colSpan6 = "_colSpan6_1ki22_179";
+const colSpan7 = "_colSpan7_1ki22_183";
+const colSpan8 = "_colSpan8_1ki22_187";
+const colSpan9 = "_colSpan9_1ki22_191";
+const colSpan10 = "_colSpan10_1ki22_195";
+const colSpan11 = "_colSpan11_1ki22_199";
+const colSpan12 = "_colSpan12_1ki22_203";
+const colSpanFull = "_colSpanFull_1ki22_207";
+const rowSpan1 = "_rowSpan1_1ki22_211";
+const rowSpan2 = "_rowSpan2_1ki22_215";
+const rowSpan3 = "_rowSpan3_1ki22_219";
+const rowSpan4 = "_rowSpan4_1ki22_223";
+const rowSpan5 = "_rowSpan5_1ki22_227";
+const rowSpan6 = "_rowSpan6_1ki22_231";
+const selfAlignStart = "_selfAlignStart_1ki22_235";
+const selfAlignCenter = "_selfAlignCenter_1ki22_239";
+const selfAlignEnd = "_selfAlignEnd_1ki22_243";
+const selfAlignStretch = "_selfAlignStretch_1ki22_247";
+const styles = {
+  grid,
+  columns1,
+  columns2,
+  columns3,
+  columns4,
+  columns5,
+  columns6,
+  columns7,
+  columns8,
+  columns9,
+  columns10,
+  columns11,
+  columns12,
+  columnsAuto,
+  columnsResponsive,
+  gapNone,
+  gapXs,
+  gapSm,
+  gapMd,
+  gapLg,
+  gapXl,
+  paddingNone,
+  paddingSm,
+  paddingMd,
+  paddingLg,
+  alignStart,
+  alignCenter,
+  alignEnd,
+  alignStretch,
+  justifyStart,
+  justifyCenter,
+  justifyEnd,
+  justifyStretch,
+  item,
+  colSpan1,
+  colSpan2,
+  colSpan3,
+  colSpan4,
+  colSpan5,
+  colSpan6,
+  colSpan7,
+  colSpan8,
+  colSpan9,
+  colSpan10,
+  colSpan11,
+  colSpan12,
+  colSpanFull,
+  rowSpan1,
+  rowSpan2,
+  rowSpan3,
+  rowSpan4,
+  rowSpan5,
+  rowSpan6,
+  selfAlignStart,
+  selfAlignCenter,
+  selfAlignEnd,
+  selfAlignStretch
+};
+exports.alignCenter = alignCenter;
+exports.alignEnd = alignEnd;
+exports.alignStart = alignStart;
+exports.alignStretch = alignStretch;
+exports.colSpan1 = colSpan1;
+exports.colSpan10 = colSpan10;
+exports.colSpan11 = colSpan11;
+exports.colSpan12 = colSpan12;
+exports.colSpan2 = colSpan2;
+exports.colSpan3 = colSpan3;
+exports.colSpan4 = colSpan4;
+exports.colSpan5 = colSpan5;
+exports.colSpan6 = colSpan6;
+exports.colSpan7 = colSpan7;
+exports.colSpan8 = colSpan8;
+exports.colSpan9 = colSpan9;
+exports.colSpanFull = colSpanFull;
+exports.columns1 = columns1;
+exports.columns10 = columns10;
+exports.columns11 = columns11;
+exports.columns12 = columns12;
+exports.columns2 = columns2;
+exports.columns3 = columns3;
+exports.columns4 = columns4;
+exports.columns5 = columns5;
+exports.columns6 = columns6;
+exports.columns7 = columns7;
+exports.columns8 = columns8;
+exports.columns9 = columns9;
+exports.columnsAuto = columnsAuto;
+exports.columnsResponsive = columnsResponsive;
+exports.default = styles;
+exports.gapLg = gapLg;
+exports.gapMd = gapMd;
+exports.gapNone = gapNone;
+exports.gapSm = gapSm;
+exports.gapXl = gapXl;
+exports.gapXs = gapXs;
+exports.grid = grid;
+exports.item = item;
+exports.justifyCenter = justifyCenter;
+exports.justifyEnd = justifyEnd;
+exports.justifyStart = justifyStart;
+exports.justifyStretch = justifyStretch;
+exports.paddingLg = paddingLg;
+exports.paddingMd = paddingMd;
+exports.paddingNone = paddingNone;
+exports.paddingSm = paddingSm;
+exports.rowSpan1 = rowSpan1;
+exports.rowSpan2 = rowSpan2;
+exports.rowSpan3 = rowSpan3;
+exports.rowSpan4 = rowSpan4;
+exports.rowSpan5 = rowSpan5;
+exports.rowSpan6 = rowSpan6;
+exports.selfAlignCenter = selfAlignCenter;
+exports.selfAlignEnd = selfAlignEnd;
+exports.selfAlignStart = selfAlignStart;
+exports.selfAlignStretch = selfAlignStretch;
+//# sourceMappingURL=Grid.module.scss.cjs.map

package/dist/components/Grid/Grid.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}