@fragments-sdk/ui 0.9.0 → 0.9.2

package/dist/components/Collapsible/index.js

@@ -0,0 +1,154 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import React__default, { useState, useId, useCallback, createContext, useContext } from "react";
+import styles from "./Collapsible.module.scss.js";
+const CollapsibleContext = createContext(null);
+function useCollapsibleContext() {
+  const context = useContext(CollapsibleContext);
+  if (!context) {
+    throw new Error("Collapsible compound components must be used within Collapsible.Root");
+  }
+  return context;
+}
+function CollapsibleRoot({
+  children,
+  defaultOpen = false,
+  open: controlledOpen,
+  onOpenChange,
+  disabled = false,
+  className
+}) {
+  const [internalOpen, setInternalOpen] = useState(defaultOpen);
+  const isControlled = controlledOpen !== void 0;
+  const isOpen = isControlled ? controlledOpen : internalOpen;
+  const uniqueId = useId();
+  const contentId = `collapsible-content-${uniqueId}`;
+  const triggerId = `collapsible-trigger-${uniqueId}`;
+  const toggle = useCallback(() => {
+    if (disabled) return;
+    if (isControlled) {
+      onOpenChange == null ? void 0 : onOpenChange(!isOpen);
+    } else {
+      setInternalOpen((prev) => {
+        const newValue = !prev;
+        onOpenChange == null ? void 0 : onOpenChange(newValue);
+        return newValue;
+      });
+    }
+  }, [disabled, isControlled, isOpen, onOpenChange]);
+  const contextValue = {
+    isOpen,
+    toggle,
+    contentId,
+    triggerId,
+    disabled
+  };
+  return /* @__PURE__ */ jsx(CollapsibleContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `${styles.root} ${isOpen ? styles.open : ""} ${disabled ? styles.disabled : ""} ${className || ""}`,
+      "data-state": isOpen ? "open" : "closed",
+      "data-disabled": disabled || void 0,
+      children
+    }
+  ) });
+}
+function CollapsibleTrigger({
+  children,
+  className,
+  showChevron = true,
+  chevronPosition = "end",
+  asChild = false
+}) {
+  const { isOpen, toggle, contentId, triggerId, disabled } = useCollapsibleContext();
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      toggle();
+    }
+  };
+  const chevronIcon = showChevron && /* @__PURE__ */ jsx(
+    "svg",
+    {
+      className: `${styles.chevron} ${isOpen ? styles.chevronOpen : ""}`,
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M6 4L10 8L6 12",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+  if (asChild && React__default.isValidElement(children)) {
+    return React__default.cloneElement(children, {
+      id: triggerId,
+      "aria-expanded": isOpen,
+      "aria-controls": contentId,
+      "aria-disabled": disabled || void 0,
+      onClick: toggle,
+      onKeyDown: handleKeyDown
+    });
+  }
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      id: triggerId,
+      className: `${styles.trigger} ${className || ""}`,
+      "aria-expanded": isOpen,
+      "aria-controls": contentId,
+      "aria-disabled": disabled || void 0,
+      onClick: toggle,
+      onKeyDown: handleKeyDown,
+      disabled,
+      children: [
+        chevronPosition === "start" && chevronIcon,
+        /* @__PURE__ */ jsx("span", { className: styles.triggerContent, children }),
+        chevronPosition === "end" && chevronIcon
+      ]
+    }
+  );
+}
+function CollapsibleContent({
+  children,
+  className,
+  forceMount = false
+}) {
+  const { isOpen, contentId, triggerId } = useCollapsibleContext();
+  if (!forceMount && !isOpen) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      id: contentId,
+      role: "region",
+      "aria-labelledby": triggerId,
+      className: `${styles.content} ${isOpen ? styles.contentOpen : styles.contentClosed} ${className || ""}`,
+      "data-state": isOpen ? "open" : "closed",
+      hidden: !isOpen && !forceMount,
+      children: /* @__PURE__ */ jsx("div", { className: styles.contentInner, children })
+    }
+  );
+}
+const Collapsible = Object.assign(CollapsibleRoot, {
+  Root: CollapsibleRoot,
+  Trigger: CollapsibleTrigger,
+  Content: CollapsibleContent
+});
+export {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleRoot,
+  CollapsibleTrigger,
+  useCollapsibleContext
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/Collapsible/index.tsx"],"sourcesContent":["'use client';\n\nimport React, { useState, useCallback, useId, createContext, useContext } from 'react';\nimport styles from './Collapsible.module.scss';\n\n// Context for sharing state between compound components\ninterface CollapsibleContextValue {\n  isOpen: boolean;\n  toggle: () => void;\n  contentId: string;\n  triggerId: string;\n  disabled?: boolean;\n}\n\nconst CollapsibleContext = createContext<CollapsibleContextValue | null>(null);\n\nfunction useCollapsibleContext() {\n  const context = useContext(CollapsibleContext);\n  if (!context) {\n    throw new Error('Collapsible compound components must be used within Collapsible.Root');\n  }\n  return context;\n}\n\n// Root component\nexport interface CollapsibleRootProps {\n  children: React.ReactNode;\n  /** Whether the collapsible is initially open */\n  defaultOpen?: boolean;\n  /** Controlled open state */\n  open?: boolean;\n  /** Callback when open state changes */\n  onOpenChange?: (open: boolean) => void;\n  /** Whether the collapsible is disabled */\n  disabled?: boolean;\n  /** Additional class name */\n  className?: string;\n}\n\nfunction CollapsibleRoot({\n  children,\n  defaultOpen = false,\n  open: controlledOpen,\n  onOpenChange,\n  disabled = false,\n  className,\n}: CollapsibleRootProps) {\n  const [internalOpen, setInternalOpen] = useState(defaultOpen);\n  const isControlled = controlledOpen !== undefined;\n  const isOpen = isControlled ? controlledOpen : internalOpen;\n\n  const uniqueId = useId();\n  const contentId = `collapsible-content-${uniqueId}`;\n  const triggerId = `collapsible-trigger-${uniqueId}`;\n\n  const toggle = useCallback(() => {\n    if (disabled) return;\n\n    if (isControlled) {\n      onOpenChange?.(!isOpen);\n    } else {\n      setInternalOpen((prev) => {\n        const newValue = !prev;\n        onOpenChange?.(newValue);\n        return newValue;\n      });\n    }\n  }, [disabled, isControlled, isOpen, onOpenChange]);\n\n  const contextValue: CollapsibleContextValue = {\n    isOpen,\n    toggle,\n    contentId,\n    triggerId,\n    disabled,\n  };\n\n  return (\n    <CollapsibleContext.Provider value={contextValue}>\n      <div\n        className={`${styles.root} ${isOpen ? styles.open : ''} ${disabled ? styles.disabled : ''} ${className || ''}`}\n        data-state={isOpen ? 'open' : 'closed'}\n        data-disabled={disabled || undefined}\n      >\n        {children}\n      </div>\n    </CollapsibleContext.Provider>\n  );\n}\n\n// Trigger component\nexport interface CollapsibleTriggerProps {\n  children: React.ReactNode;\n  /** Additional class name */\n  className?: string;\n  /** Show chevron indicator */\n  showChevron?: boolean;\n  /** Chevron position */\n  chevronPosition?: 'start' | 'end';\n  /** Render as child element (for custom triggers) */\n  asChild?: boolean;\n}\n\nfunction CollapsibleTrigger({\n  children,\n  className,\n  showChevron = true,\n  chevronPosition = 'end',\n  asChild = false,\n}: CollapsibleTriggerProps) {\n  const { isOpen, toggle, contentId, triggerId, disabled } = useCollapsibleContext();\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      toggle();\n    }\n  };\n\n  const chevronIcon = showChevron && (\n    <svg\n      className={`${styles.chevron} ${isOpen ? styles.chevronOpen : ''}`}\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      aria-hidden=\"true\"\n    >\n      <path\n        d=\"M6 4L10 8L6 12\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n\n  if (asChild && React.isValidElement(children)) {\n    return React.cloneElement(children as React.ReactElement<any>, {\n      id: triggerId,\n      'aria-expanded': isOpen,\n      'aria-controls': contentId,\n      'aria-disabled': disabled || undefined,\n      onClick: toggle,\n      onKeyDown: handleKeyDown,\n    });\n  }\n\n  return (\n    <button\n      type=\"button\"\n      id={triggerId}\n      className={`${styles.trigger} ${className || ''}`}\n      aria-expanded={isOpen}\n      aria-controls={contentId}\n      aria-disabled={disabled || undefined}\n      onClick={toggle}\n      onKeyDown={handleKeyDown}\n      disabled={disabled}\n    >\n      {chevronPosition === 'start' && chevronIcon}\n      <span className={styles.triggerContent}>{children}</span>\n      {chevronPosition === 'end' && chevronIcon}\n    </button>\n  );\n}\n\n// Content component\nexport interface CollapsibleContentProps {\n  children: React.ReactNode;\n  /** Additional class name */\n  className?: string;\n  /** Force mount content even when closed (useful for animations) */\n  forceMount?: boolean;\n}\n\nfunction CollapsibleContent({\n  children,\n  className,\n  forceMount = false,\n}: CollapsibleContentProps) {\n  const { isOpen, contentId, triggerId } = useCollapsibleContext();\n\n  // If not force mounted and closed, don't render\n  if (!forceMount && !isOpen) {\n    return null;\n  }\n\n  return (\n    <div\n      id={contentId}\n      role=\"region\"\n      aria-labelledby={triggerId}\n      className={`${styles.content} ${isOpen ? styles.contentOpen : styles.contentClosed} ${className || ''}`}\n      data-state={isOpen ? 'open' : 'closed'}\n      hidden={!isOpen && !forceMount}\n    >\n      <div className={styles.contentInner}>{children}</div>\n    </div>\n  );\n}\n\n// Compound component export\nexport const Collapsible = Object.assign(CollapsibleRoot, {\n  Root: CollapsibleRoot,\n  Trigger: CollapsibleTrigger,\n  Content: CollapsibleContent,\n});\n\n// Named exports for direct imports\nexport {\n  CollapsibleRoot,\n  CollapsibleTrigger,\n  CollapsibleContent,\n  useCollapsibleContext,\n};\n\nexport type CollapsibleProps = CollapsibleRootProps;\n"],"names":["React"],"mappings":"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"}

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

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const wrapper = "_wrapper_1x6q3_1";
+const sizeSm = "_sizeSm_1x6q3_6";
+const inputWrapper = "_inputWrapper_1x6q3_6";
+const swatch = "_swatch_1x6q3_9";
+const hexInput = "_hexInput_1x6q3_13";
+const label = "_label_1x6q3_17";
+const sizeLg = "_sizeLg_1x6q3_21";
+const hexInputField = "_hexInputField_1x6q3_99";
+const positioner = "_positioner_1x6q3_104";
+const popup = "_popup_1x6q3_109";
+const description = "_description_1x6q3_135";
+const styles = {
+  wrapper,
+  sizeSm,
+  inputWrapper,
+  swatch,
+  hexInput,
+  label,
+  sizeLg,
+  hexInputField,
+  positioner,
+  popup,
+  description
+};
+exports.default = styles;
+exports.description = description;
+exports.hexInput = hexInput;
+exports.hexInputField = hexInputField;
+exports.inputWrapper = inputWrapper;
+exports.label = label;
+exports.popup = popup;
+exports.positioner = positioner;
+exports.sizeLg = sizeLg;
+exports.sizeSm = sizeSm;
+exports.swatch = swatch;
+exports.wrapper = wrapper;
+//# sourceMappingURL=ColorPicker.module.scss.cjs.map

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

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

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

@@ -0,0 +1,39 @@
+const wrapper = "_wrapper_1x6q3_1";
+const sizeSm = "_sizeSm_1x6q3_6";
+const inputWrapper = "_inputWrapper_1x6q3_6";
+const swatch = "_swatch_1x6q3_9";
+const hexInput = "_hexInput_1x6q3_13";
+const label = "_label_1x6q3_17";
+const sizeLg = "_sizeLg_1x6q3_21";
+const hexInputField = "_hexInputField_1x6q3_99";
+const positioner = "_positioner_1x6q3_104";
+const popup = "_popup_1x6q3_109";
+const description = "_description_1x6q3_135";
+const styles = {
+  wrapper,
+  sizeSm,
+  inputWrapper,
+  swatch,
+  hexInput,
+  label,
+  sizeLg,
+  hexInputField,
+  positioner,
+  popup,
+  description
+};
+export {
+  styles as default,
+  description,
+  hexInput,
+  hexInputField,
+  inputWrapper,
+  label,
+  popup,
+  positioner,
+  sizeLg,
+  sizeSm,
+  swatch,
+  wrapper
+};
+//# sourceMappingURL=ColorPicker.module.scss.js.map

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

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

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

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import '../../styles/globals.scss';
+export interface ColorPickerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {
+    /** Label text above the picker */
+    label?: string;
+    /** Controlled color value in hex format (#RRGGBB) */
+    value?: string;
+    /** Default color for uncontrolled usage */
+    defaultValue?: string;
+    /** Called with new color value when changed */
+    onChange?: (color: string) => void;
+    /** Helper text below the picker */
+    description?: string;
+    /** Disable the color picker */
+    disabled?: boolean;
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
+    /** Show the hex input field */
+    showInput?: boolean;
+}
+export declare const ColorPicker: React.ForwardRefExoticComponent<ColorPickerProps & React.RefAttributes<HTMLDivElement>> & {
+    Root: React.ForwardRefExoticComponent<ColorPickerProps & React.RefAttributes<HTMLDivElement>>;
+};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAyB/B,OAAO,2BAA2B,CAAC;AAEnC,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,cAAc,CAAC;IAC/G,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,mCAAmC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,+BAA+B;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA+GD,eAAO,MAAM,WAAW;;CAEtB,CAAC"}

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

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const multiContainer = "_multiContainer_1022c_1";
+const inputWrapper = "_inputWrapper_1022c_7";
+const input = "_input_1022c_7";
+const chips = "_chips_1022c_59";
+const chip = "_chip_1022c_59";
+const chipLabel = "_chipLabel_1022c_81";
+const chipRemove = "_chipRemove_1022c_87";
+const trigger = "_trigger_1022c_119";
+const positioner = "_positioner_1022c_161";
+const popup = "_popup_1022c_166";
+const item = "_item_1022c_193";
+const itemIndicator = "_itemIndicator_1022c_237";
+const empty = "_empty_1022c_250";
+const group = "_group_1022c_265";
+const groupLabel = "_groupLabel_1022c_271";
+const styles = {
+  multiContainer,
+  inputWrapper,
+  input,
+  chips,
+  chip,
+  chipLabel,
+  chipRemove,
+  trigger,
+  positioner,
+  popup,
+  item,
+  itemIndicator,
+  empty,
+  group,
+  groupLabel
+};
+exports.chip = chip;
+exports.chipLabel = chipLabel;
+exports.chipRemove = chipRemove;
+exports.chips = chips;
+exports.default = styles;
+exports.empty = empty;
+exports.group = group;
+exports.groupLabel = groupLabel;
+exports.input = input;
+exports.inputWrapper = inputWrapper;
+exports.item = item;
+exports.itemIndicator = itemIndicator;
+exports.multiContainer = multiContainer;
+exports.popup = popup;
+exports.positioner = positioner;
+exports.trigger = trigger;
+//# sourceMappingURL=Combobox.module.scss.cjs.map

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

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

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

@@ -0,0 +1,51 @@
+const multiContainer = "_multiContainer_1022c_1";
+const inputWrapper = "_inputWrapper_1022c_7";
+const input = "_input_1022c_7";
+const chips = "_chips_1022c_59";
+const chip = "_chip_1022c_59";
+const chipLabel = "_chipLabel_1022c_81";
+const chipRemove = "_chipRemove_1022c_87";
+const trigger = "_trigger_1022c_119";
+const positioner = "_positioner_1022c_161";
+const popup = "_popup_1022c_166";
+const item = "_item_1022c_193";
+const itemIndicator = "_itemIndicator_1022c_237";
+const empty = "_empty_1022c_250";
+const group = "_group_1022c_265";
+const groupLabel = "_groupLabel_1022c_271";
+const styles = {
+  multiContainer,
+  inputWrapper,
+  input,
+  chips,
+  chip,
+  chipLabel,
+  chipRemove,
+  trigger,
+  positioner,
+  popup,
+  item,
+  itemIndicator,
+  empty,
+  group,
+  groupLabel
+};
+export {
+  chip,
+  chipLabel,
+  chipRemove,
+  chips,
+  styles as default,
+  empty,
+  group,
+  groupLabel,
+  input,
+  inputWrapper,
+  item,
+  itemIndicator,
+  multiContainer,
+  popup,
+  positioner,
+  trigger
+};
+//# sourceMappingURL=Combobox.module.scss.js.map

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

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