lynote-ui 0.0.1

package/dist/switch/index.mjs

@@ -0,0 +1,289 @@
+import { j as jsxRuntimeExports } from "../jsx-runtime-Dog7MAYX.mjs";
+import * as React from "react";
+import { u as useControlled } from "../useControlled-DITi2kHX.mjs";
+import { u as useStableCallback } from "../useStableCallback-8_xI9oDo.mjs";
+import { f as formatErrorMessage, c as useMergedRefs, m as mergeProps, E as EMPTY_OBJECT, u as useRenderElement } from "../useRenderElement-DtkRtCHE.mjs";
+import { u as useIsoLayoutEffect } from "../useIsoLayoutEffect-CAx-dEZM.mjs";
+import { v as visuallyHiddenInput, a as visuallyHidden } from "../visuallyHidden-D_sL9-70.mjs";
+import { u as useBaseUiId } from "../useBaseUiId-Dd6rCWZj.mjs";
+import { f as fieldValidityMapping, c as useFormContext, a as useFieldRootContext, u as useLabelableContext, b as useField } from "../LabelableContext-DLLBESLn.mjs";
+import { u as useAriaLabelledBy } from "../useAriaLabelledBy-Chelmb26.mjs";
+import { u as useLabelableId } from "../useLabelableId-BMQMbGuJ.mjs";
+import { c as createChangeEventDetails, n as none } from "../createBaseUIEventDetails-CRQSf9K3.mjs";
+import { u as useValueChanged } from "../useValueChanged-CEUlHhs5.mjs";
+import { a as useButton } from "../useButton-DbBdV6Ig.mjs";
+import { c as cn } from "../utils-H80jjgLf.mjs";
+const SwitchRootContext = /* @__PURE__ */ React.createContext(void 0);
+if (process.env.NODE_ENV !== "production") SwitchRootContext.displayName = "SwitchRootContext";
+function useSwitchRootContext() {
+  const context = React.useContext(SwitchRootContext);
+  if (context === void 0) {
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: SwitchRootContext is missing. Switch parts must be placed within <Switch.Root>." : formatErrorMessage(63));
+  }
+  return context;
+}
+let SwitchRootDataAttributes = /* @__PURE__ */ (function(SwitchRootDataAttributes2) {
+  SwitchRootDataAttributes2["checked"] = "data-checked";
+  SwitchRootDataAttributes2["unchecked"] = "data-unchecked";
+  SwitchRootDataAttributes2["disabled"] = "data-disabled";
+  SwitchRootDataAttributes2["readonly"] = "data-readonly";
+  SwitchRootDataAttributes2["required"] = "data-required";
+  SwitchRootDataAttributes2["valid"] = "data-valid";
+  SwitchRootDataAttributes2["invalid"] = "data-invalid";
+  SwitchRootDataAttributes2["touched"] = "data-touched";
+  SwitchRootDataAttributes2["dirty"] = "data-dirty";
+  SwitchRootDataAttributes2["filled"] = "data-filled";
+  SwitchRootDataAttributes2["focused"] = "data-focused";
+  return SwitchRootDataAttributes2;
+})({});
+const stateAttributesMapping = {
+  ...fieldValidityMapping,
+  checked(value) {
+    if (value) {
+      return {
+        [SwitchRootDataAttributes.checked]: ""
+      };
+    }
+    return {
+      [SwitchRootDataAttributes.unchecked]: ""
+    };
+  }
+};
+const SwitchRoot = /* @__PURE__ */ React.forwardRef(function SwitchRoot2(componentProps, forwardedRef) {
+  const {
+    checked: checkedProp,
+    className,
+    defaultChecked,
+    "aria-labelledby": ariaLabelledByProp,
+    id: idProp,
+    inputRef: externalInputRef,
+    name: nameProp,
+    nativeButton = false,
+    onCheckedChange: onCheckedChangeProp,
+    readOnly = false,
+    required = false,
+    disabled: disabledProp = false,
+    render,
+    uncheckedValue,
+    value,
+    ...elementProps
+  } = componentProps;
+  const {
+    clearErrors
+  } = useFormContext();
+  const {
+    state: fieldState,
+    setTouched,
+    setDirty,
+    validityData,
+    setFilled,
+    setFocused,
+    shouldValidateOnChange,
+    validationMode,
+    disabled: fieldDisabled,
+    name: fieldName,
+    validation
+  } = useFieldRootContext();
+  const {
+    labelId
+  } = useLabelableContext();
+  const disabled = fieldDisabled || disabledProp;
+  const name = fieldName ?? nameProp;
+  const onCheckedChange = useStableCallback(onCheckedChangeProp);
+  const inputRef = React.useRef(null);
+  const handleInputRef = useMergedRefs(inputRef, externalInputRef, validation.inputRef);
+  const switchRef = React.useRef(null);
+  const id = useBaseUiId();
+  const controlId = useLabelableId({
+    id: idProp,
+    implicit: false,
+    controlRef: switchRef
+  });
+  const hiddenInputId = nativeButton ? void 0 : controlId;
+  const [checked, setCheckedState] = useControlled({
+    controlled: checkedProp,
+    default: Boolean(defaultChecked),
+    name: "Switch",
+    state: "checked"
+  });
+  useField({
+    id,
+    commit: validation.commit,
+    value: checked,
+    controlRef: switchRef,
+    name,
+    getValue: () => checked
+  });
+  useIsoLayoutEffect(() => {
+    if (inputRef.current) {
+      setFilled(inputRef.current.checked);
+    }
+  }, [inputRef, setFilled]);
+  useValueChanged(checked, () => {
+    clearErrors(name);
+    setDirty(checked !== validityData.initialValue);
+    setFilled(checked);
+    if (shouldValidateOnChange()) {
+      validation.commit(checked);
+    } else {
+      validation.commit(checked, true);
+    }
+  });
+  const {
+    getButtonProps,
+    buttonRef
+  } = useButton({
+    disabled,
+    native: nativeButton
+  });
+  const ariaLabelledBy = useAriaLabelledBy(ariaLabelledByProp, labelId, inputRef, !nativeButton, hiddenInputId);
+  const rootProps = {
+    id: nativeButton ? controlId : id,
+    role: "switch",
+    "aria-checked": checked,
+    "aria-readonly": readOnly || void 0,
+    "aria-required": required || void 0,
+    "aria-labelledby": ariaLabelledBy,
+    onFocus() {
+      if (!disabled) {
+        setFocused(true);
+      }
+    },
+    onBlur() {
+      const element2 = inputRef.current;
+      if (!element2 || disabled) {
+        return;
+      }
+      setTouched(true);
+      setFocused(false);
+      if (validationMode === "onBlur") {
+        validation.commit(element2.checked);
+      }
+    },
+    onClick(event) {
+      var _a;
+      if (readOnly || disabled) {
+        return;
+      }
+      event.preventDefault();
+      (_a = inputRef.current) == null ? void 0 : _a.dispatchEvent(new PointerEvent("click", {
+        bubbles: true,
+        shiftKey: event.shiftKey,
+        ctrlKey: event.ctrlKey,
+        altKey: event.altKey,
+        metaKey: event.metaKey
+      }));
+    }
+  };
+  const inputProps = React.useMemo(() => mergeProps(
+    {
+      checked,
+      disabled,
+      id: hiddenInputId,
+      name,
+      required,
+      style: name ? visuallyHiddenInput : visuallyHidden,
+      tabIndex: -1,
+      type: "checkbox",
+      "aria-hidden": true,
+      ref: handleInputRef,
+      onChange(event) {
+        if (event.nativeEvent.defaultPrevented) {
+          return;
+        }
+        const nextChecked = event.target.checked;
+        const eventDetails = createChangeEventDetails(none, event.nativeEvent);
+        onCheckedChange == null ? void 0 : onCheckedChange(nextChecked, eventDetails);
+        if (eventDetails.isCanceled) {
+          return;
+        }
+        setCheckedState(nextChecked);
+      },
+      onFocus() {
+        var _a;
+        (_a = switchRef.current) == null ? void 0 : _a.focus();
+      }
+    },
+    validation.getInputValidationProps,
+    // React <19 sets an empty value if `undefined` is passed explicitly
+    // To avoid this, we only set the value if it's defined
+    value !== void 0 ? {
+      value
+    } : EMPTY_OBJECT
+  ), [checked, disabled, handleInputRef, hiddenInputId, name, onCheckedChange, required, setCheckedState, validation, value]);
+  const state = React.useMemo(() => ({
+    ...fieldState,
+    checked,
+    disabled,
+    readOnly,
+    required
+  }), [fieldState, checked, disabled, readOnly, required]);
+  const element = useRenderElement("span", componentProps, {
+    state,
+    ref: [forwardedRef, switchRef, buttonRef],
+    props: [rootProps, validation.getValidationProps, elementProps, getButtonProps],
+    stateAttributesMapping
+  });
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(SwitchRootContext.Provider, {
+    value: state,
+    children: [element, !checked && name && uncheckedValue !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("input", {
+      type: "hidden",
+      name,
+      value: uncheckedValue
+    }), /* @__PURE__ */ jsxRuntimeExports.jsx("input", {
+      ...inputProps
+    })]
+  });
+});
+if (process.env.NODE_ENV !== "production") SwitchRoot.displayName = "SwitchRoot";
+const SwitchThumb = /* @__PURE__ */ React.forwardRef(function SwitchThumb2(componentProps, forwardedRef) {
+  const {
+    render,
+    className,
+    ...elementProps
+  } = componentProps;
+  const {
+    state: fieldState
+  } = useFieldRootContext();
+  const state = useSwitchRootContext();
+  const extendedState = {
+    ...fieldState,
+    ...state
+  };
+  return useRenderElement("span", componentProps, {
+    state: extendedState,
+    ref: forwardedRef,
+    stateAttributesMapping,
+    props: elementProps
+  });
+});
+if (process.env.NODE_ENV !== "production") SwitchThumb.displayName = "SwitchThumb";
+function Switch({
+  className,
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    SwitchRoot,
+    {
+      "data-slot": "switch",
+      "data-size": size,
+      className: cn(
+        "peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:bg-primary data-unchecked:bg-input dark:data-unchecked:bg-input/80 data-disabled:cursor-not-allowed data-disabled:opacity-50",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        SwitchThumb,
+        {
+          "data-slot": "switch-thumb",
+          className: "pointer-events-none block rounded-full bg-background ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] dark:data-checked:bg-primary-foreground group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-unchecked:translate-x-0 dark:data-unchecked:bg-foreground"
+        }
+      )
+    }
+  );
+}
+export {
+  Switch
+};
+//# sourceMappingURL=index.mjs.map

package/dist/switch/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../node_modules/.pnpm/@base-ui+react@1.3.0_@types+react@19.2.14_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@base-ui/react/esm/switch/root/SwitchRootContext.js","../../../../node_modules/.pnpm/@base-ui+react@1.3.0_@types+react@19.2.14_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@base-ui/react/esm/switch/root/SwitchRootDataAttributes.js","../../../../node_modules/.pnpm/@base-ui+react@1.3.0_@types+react@19.2.14_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@base-ui/react/esm/switch/stateAttributesMapping.js","../../../../node_modules/.pnpm/@base-ui+react@1.3.0_@types+react@19.2.14_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@base-ui/react/esm/switch/root/SwitchRoot.js","../../../../node_modules/.pnpm/@base-ui+react@1.3.0_@types+react@19.2.14_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@base-ui/react/esm/switch/thumb/SwitchThumb.js","../../src/switch/index.tsx"],"sourcesContent":["'use client';\n\nimport _formatErrorMessage from \"@base-ui/utils/formatErrorMessage\";\nimport * as React from 'react';\nexport const SwitchRootContext = /*#__PURE__*/React.createContext(undefined);\nif (process.env.NODE_ENV !== \"production\") SwitchRootContext.displayName = \"SwitchRootContext\";\nexport function useSwitchRootContext() {\n  const context = React.useContext(SwitchRootContext);\n  if (context === undefined) {\n    throw new Error(process.env.NODE_ENV !== \"production\" ? 'Base UI: SwitchRootContext is missing. Switch parts must be placed within <Switch.Root>.' : _formatErrorMessage(63));\n  }\n  return context;\n}","export let SwitchRootDataAttributes = /*#__PURE__*/function (SwitchRootDataAttributes) {\n  /**\n   * Present when the switch is checked.\n   */\n  SwitchRootDataAttributes[\"checked\"] = \"data-checked\";\n  /**\n   * Present when the switch is not checked.\n   */\n  SwitchRootDataAttributes[\"unchecked\"] = \"data-unchecked\";\n  /**\n   * Present when the switch is disabled.\n   */\n  SwitchRootDataAttributes[\"disabled\"] = \"data-disabled\";\n  /**\n   * Present when the switch is readonly.\n   */\n  SwitchRootDataAttributes[\"readonly\"] = \"data-readonly\";\n  /**\n   * Present when the switch is required.\n   */\n  SwitchRootDataAttributes[\"required\"] = \"data-required\";\n  /**\n   * Present when the switch is in valid state (when wrapped in Field.Root).\n   */\n  SwitchRootDataAttributes[\"valid\"] = \"data-valid\";\n  /**\n   * Present when the switch is in invalid state (when wrapped in Field.Root).\n   */\n  SwitchRootDataAttributes[\"invalid\"] = \"data-invalid\";\n  /**\n   * Present when the switch has been touched (when wrapped in Field.Root).\n   */\n  SwitchRootDataAttributes[\"touched\"] = \"data-touched\";\n  /**\n   * Present when the switch's value has changed (when wrapped in Field.Root).\n   */\n  SwitchRootDataAttributes[\"dirty\"] = \"data-dirty\";\n  /**\n   * Present when the switch is active (when wrapped in Field.Root).\n   */\n  SwitchRootDataAttributes[\"filled\"] = \"data-filled\";\n  /**\n   * Present when the switch is focused (when wrapped in Field.Root).\n   */\n  SwitchRootDataAttributes[\"focused\"] = \"data-focused\";\n  return SwitchRootDataAttributes;\n}({});","import { fieldValidityMapping } from \"../field/utils/constants.js\";\nimport { SwitchRootDataAttributes } from \"./root/SwitchRootDataAttributes.js\";\nexport const stateAttributesMapping = {\n  ...fieldValidityMapping,\n  checked(value) {\n    if (value) {\n      return {\n        [SwitchRootDataAttributes.checked]: ''\n      };\n    }\n    return {\n      [SwitchRootDataAttributes.unchecked]: ''\n    };\n  }\n};","'use client';\n\nimport * as React from 'react';\nimport { useControlled } from '@base-ui/utils/useControlled';\nimport { useStableCallback } from '@base-ui/utils/useStableCallback';\nimport { useMergedRefs } from '@base-ui/utils/useMergedRefs';\nimport { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';\nimport { visuallyHidden, visuallyHiddenInput } from '@base-ui/utils/visuallyHidden';\nimport { EMPTY_OBJECT } from '@base-ui/utils/empty';\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\nimport { mergeProps } from \"../../merge-props/index.js\";\nimport { useBaseUiId } from \"../../utils/useBaseUiId.js\";\nimport { useButton } from \"../../use-button/index.js\";\nimport { SwitchRootContext } from \"./SwitchRootContext.js\";\nimport { stateAttributesMapping } from \"../stateAttributesMapping.js\";\nimport { useField } from \"../../field/useField.js\";\nimport { useFieldRootContext } from \"../../field/root/FieldRootContext.js\";\nimport { useFormContext } from \"../../form/FormContext.js\";\nimport { useLabelableContext } from \"../../labelable-provider/LabelableContext.js\";\nimport { useAriaLabelledBy } from \"../../labelable-provider/useAriaLabelledBy.js\";\nimport { useLabelableId } from \"../../labelable-provider/useLabelableId.js\";\nimport { createChangeEventDetails } from \"../../utils/createBaseUIEventDetails.js\";\nimport { REASONS } from \"../../utils/reasons.js\";\nimport { useValueChanged } from \"../../utils/useValueChanged.js\";\n\n/**\n * Represents the switch itself.\n * Renders a `<span>` element and a hidden `<input>` beside.\n *\n * Documentation: [Base UI Switch](https://base-ui.com/react/components/switch)\n */\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nexport const SwitchRoot = /*#__PURE__*/React.forwardRef(function SwitchRoot(componentProps, forwardedRef) {\n  const {\n    checked: checkedProp,\n    className,\n    defaultChecked,\n    'aria-labelledby': ariaLabelledByProp,\n    id: idProp,\n    inputRef: externalInputRef,\n    name: nameProp,\n    nativeButton = false,\n    onCheckedChange: onCheckedChangeProp,\n    readOnly = false,\n    required = false,\n    disabled: disabledProp = false,\n    render,\n    uncheckedValue,\n    value,\n    ...elementProps\n  } = componentProps;\n  const {\n    clearErrors\n  } = useFormContext();\n  const {\n    state: fieldState,\n    setTouched,\n    setDirty,\n    validityData,\n    setFilled,\n    setFocused,\n    shouldValidateOnChange,\n    validationMode,\n    disabled: fieldDisabled,\n    name: fieldName,\n    validation\n  } = useFieldRootContext();\n  const {\n    labelId\n  } = useLabelableContext();\n  const disabled = fieldDisabled || disabledProp;\n  const name = fieldName ?? nameProp;\n  const onCheckedChange = useStableCallback(onCheckedChangeProp);\n  const inputRef = React.useRef(null);\n  const handleInputRef = useMergedRefs(inputRef, externalInputRef, validation.inputRef);\n  const switchRef = React.useRef(null);\n  const id = useBaseUiId();\n  const controlId = useLabelableId({\n    id: idProp,\n    implicit: false,\n    controlRef: switchRef\n  });\n  const hiddenInputId = nativeButton ? undefined : controlId;\n  const [checked, setCheckedState] = useControlled({\n    controlled: checkedProp,\n    default: Boolean(defaultChecked),\n    name: 'Switch',\n    state: 'checked'\n  });\n  useField({\n    id,\n    commit: validation.commit,\n    value: checked,\n    controlRef: switchRef,\n    name,\n    getValue: () => checked\n  });\n  useIsoLayoutEffect(() => {\n    if (inputRef.current) {\n      setFilled(inputRef.current.checked);\n    }\n  }, [inputRef, setFilled]);\n  useValueChanged(checked, () => {\n    clearErrors(name);\n    setDirty(checked !== validityData.initialValue);\n    setFilled(checked);\n    if (shouldValidateOnChange()) {\n      validation.commit(checked);\n    } else {\n      validation.commit(checked, true);\n    }\n  });\n  const {\n    getButtonProps,\n    buttonRef\n  } = useButton({\n    disabled,\n    native: nativeButton\n  });\n  const ariaLabelledBy = useAriaLabelledBy(ariaLabelledByProp, labelId, inputRef, !nativeButton, hiddenInputId);\n  const rootProps = {\n    id: nativeButton ? controlId : id,\n    role: 'switch',\n    'aria-checked': checked,\n    'aria-readonly': readOnly || undefined,\n    'aria-required': required || undefined,\n    'aria-labelledby': ariaLabelledBy,\n    onFocus() {\n      if (!disabled) {\n        setFocused(true);\n      }\n    },\n    onBlur() {\n      const element = inputRef.current;\n      if (!element || disabled) {\n        return;\n      }\n      setTouched(true);\n      setFocused(false);\n      if (validationMode === 'onBlur') {\n        validation.commit(element.checked);\n      }\n    },\n    onClick(event) {\n      if (readOnly || disabled) {\n        return;\n      }\n      event.preventDefault();\n      inputRef.current?.dispatchEvent(new PointerEvent('click', {\n        bubbles: true,\n        shiftKey: event.shiftKey,\n        ctrlKey: event.ctrlKey,\n        altKey: event.altKey,\n        metaKey: event.metaKey\n      }));\n    }\n  };\n  const inputProps = React.useMemo(() => mergeProps({\n    checked,\n    disabled,\n    id: hiddenInputId,\n    name,\n    required,\n    style: name ? visuallyHiddenInput : visuallyHidden,\n    tabIndex: -1,\n    type: 'checkbox',\n    'aria-hidden': true,\n    ref: handleInputRef,\n    onChange(event) {\n      // Workaround for https://github.com/facebook/react/issues/9023\n      if (event.nativeEvent.defaultPrevented) {\n        return;\n      }\n      const nextChecked = event.target.checked;\n      const eventDetails = createChangeEventDetails(REASONS.none, event.nativeEvent);\n      onCheckedChange?.(nextChecked, eventDetails);\n      if (eventDetails.isCanceled) {\n        return;\n      }\n      setCheckedState(nextChecked);\n    },\n    onFocus() {\n      switchRef.current?.focus();\n    }\n  }, validation.getInputValidationProps,\n  // React <19 sets an empty value if `undefined` is passed explicitly\n  // To avoid this, we only set the value if it's defined\n  value !== undefined ? {\n    value\n  } : EMPTY_OBJECT), [checked, disabled, handleInputRef, hiddenInputId, name, onCheckedChange, required, setCheckedState, validation, value]);\n  const state = React.useMemo(() => ({\n    ...fieldState,\n    checked,\n    disabled,\n    readOnly,\n    required\n  }), [fieldState, checked, disabled, readOnly, required]);\n  const element = useRenderElement('span', componentProps, {\n    state,\n    ref: [forwardedRef, switchRef, buttonRef],\n    props: [rootProps, validation.getValidationProps, elementProps, getButtonProps],\n    stateAttributesMapping\n  });\n  return /*#__PURE__*/_jsxs(SwitchRootContext.Provider, {\n    value: state,\n    children: [element, !checked && name && uncheckedValue !== undefined && /*#__PURE__*/_jsx(\"input\", {\n      type: \"hidden\",\n      name: name,\n      value: uncheckedValue\n    }), /*#__PURE__*/_jsx(\"input\", {\n      ...inputProps\n    })]\n  });\n});\nif (process.env.NODE_ENV !== \"production\") SwitchRoot.displayName = \"SwitchRoot\";","'use client';\n\nimport * as React from 'react';\nimport { useSwitchRootContext } from \"../root/SwitchRootContext.js\";\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\nimport { useFieldRootContext } from \"../../field/root/FieldRootContext.js\";\nimport { stateAttributesMapping } from \"../stateAttributesMapping.js\";\n\n/**\n * The movable part of the switch that indicates whether the switch is on or off.\n * Renders a `<span>`.\n *\n * Documentation: [Base UI Switch](https://base-ui.com/react/components/switch)\n */\nexport const SwitchThumb = /*#__PURE__*/React.forwardRef(function SwitchThumb(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    ...elementProps\n  } = componentProps;\n  const {\n    state: fieldState\n  } = useFieldRootContext();\n  const state = useSwitchRootContext();\n  const extendedState = {\n    ...fieldState,\n    ...state\n  };\n  return useRenderElement('span', componentProps, {\n    state: extendedState,\n    ref: forwardedRef,\n    stateAttributesMapping,\n    props: elementProps\n  });\n});\nif (process.env.NODE_ENV !== \"production\") SwitchThumb.displayName = \"SwitchThumb\";","\"use client\"\n\nimport { Switch as SwitchPrimitive } from \"@base-ui/react/switch\"\n\nimport { cn } from \"../lib\"\n\nfunction Switch({\n  className,\n  size = \"default\",\n  ...props\n}: SwitchPrimitive.Root.Props & {\n  size?: \"sm\" | \"default\"\n}) {\n  return (\n    <SwitchPrimitive.Root\n      data-slot=\"switch\"\n      data-size={size}\n      className={cn(\n        \"peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:bg-primary data-unchecked:bg-input dark:data-unchecked:bg-input/80 data-disabled:cursor-not-allowed data-disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    >\n      <SwitchPrimitive.Thumb\n        data-slot=\"switch-thumb\"\n        className=\"pointer-events-none block rounded-full bg-background ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] dark:data-checked:bg-primary-foreground group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-unchecked:translate-x-0 dark:data-unchecked:bg-foreground\"\n      />\n    </SwitchPrimitive.Root>\n  )\n}\n\nexport { Switch }\n"],"names":["_formatErrorMessage","SwitchRootDataAttributes","SwitchRoot","element","REASONS.none","_jsxs","_jsx","SwitchThumb","jsx","SwitchPrimitive.Root","SwitchPrimitive.Thumb"],"mappings":";;;;;;;;;;;;;;;AAIO,MAAM,oBAAiC,sBAAM,cAAc,MAAS;AAC3E,IAAI,QAAQ,IAAI,aAAa,aAAc,mBAAkB,cAAc;AACpE,SAAS,uBAAuB;AACrC,QAAM,UAAU,MAAM,WAAW,iBAAiB;AAClD,MAAI,YAAY,QAAW;AACzB,UAAM,IAAI,MAAM,QAAQ,IAAI,aAAa,eAAe,6FAA6FA,mBAAoB,EAAE,CAAC;AAAA,EAC9K;AACA,SAAO;AACT;ACZO,IAAI,2BAAwC,0BAAUC,2BAA0B;AAIrF,EAAAA,0BAAyB,SAAS,IAAI;AAItC,EAAAA,0BAAyB,WAAW,IAAI;AAIxC,EAAAA,0BAAyB,UAAU,IAAI;AAIvC,EAAAA,0BAAyB,UAAU,IAAI;AAIvC,EAAAA,0BAAyB,UAAU,IAAI;AAIvC,EAAAA,0BAAyB,OAAO,IAAI;AAIpC,EAAAA,0BAAyB,SAAS,IAAI;AAItC,EAAAA,0BAAyB,SAAS,IAAI;AAItC,EAAAA,0BAAyB,OAAO,IAAI;AAIpC,EAAAA,0BAAyB,QAAQ,IAAI;AAIrC,EAAAA,0BAAyB,SAAS,IAAI;AACtC,SAAOA;AACT,GAAE,EAAE;AC5CG,MAAM,yBAAyB;AAAA,EACpC,GAAG;AAAA,EACH,QAAQ,OAAO;AACb,QAAI,OAAO;AACT,aAAO;AAAA,QACL,CAAC,yBAAyB,OAAO,GAAG;AAAA,MAC5C;AAAA,IACI;AACA,WAAO;AAAA,MACL,CAAC,yBAAyB,SAAS,GAAG;AAAA,IAC5C;AAAA,EACE;AACF;ACkBO,MAAM,aAA0B,sBAAM,WAAW,SAASC,YAAW,gBAAgB,cAAc;AACxG,QAAM;AAAA,IACJ,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA,mBAAmB;AAAA,IACnB,IAAI;AAAA,IACJ,UAAU;AAAA,IACV,MAAM;AAAA,IACN,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,WAAW;AAAA,IACX,WAAW;AAAA,IACX,UAAU,eAAe;AAAA,IACzB;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACP,IAAM;AACJ,QAAM;AAAA,IACJ;AAAA,EACJ,IAAM,eAAc;AAClB,QAAM;AAAA,IACJ,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,MAAM;AAAA,IACN;AAAA,EACJ,IAAM,oBAAmB;AACvB,QAAM;AAAA,IACJ;AAAA,EACJ,IAAM,oBAAmB;AACvB,QAAM,WAAW,iBAAiB;AAClC,QAAM,OAAO,aAAa;AAC1B,QAAM,kBAAkB,kBAAkB,mBAAmB;AAC7D,QAAM,WAAW,MAAM,OAAO,IAAI;AAClC,QAAM,iBAAiB,cAAc,UAAU,kBAAkB,WAAW,QAAQ;AACpF,QAAM,YAAY,MAAM,OAAO,IAAI;AACnC,QAAM,KAAK,YAAW;AACtB,QAAM,YAAY,eAAe;AAAA,IAC/B,IAAI;AAAA,IACJ,UAAU;AAAA,IACV,YAAY;AAAA,EAChB,CAAG;AACD,QAAM,gBAAgB,eAAe,SAAY;AACjD,QAAM,CAAC,SAAS,eAAe,IAAI,cAAc;AAAA,IAC/C,YAAY;AAAA,IACZ,SAAS,QAAQ,cAAc;AAAA,IAC/B,MAAM;AAAA,IACN,OAAO;AAAA,EACX,CAAG;AACD,WAAS;AAAA,IACP;AAAA,IACA,QAAQ,WAAW;AAAA,IACnB,OAAO;AAAA,IACP,YAAY;AAAA,IACZ;AAAA,IACA,UAAU,MAAM;AAAA,EACpB,CAAG;AACD,qBAAmB,MAAM;AACvB,QAAI,SAAS,SAAS;AACpB,gBAAU,SAAS,QAAQ,OAAO;AAAA,IACpC;AAAA,EACF,GAAG,CAAC,UAAU,SAAS,CAAC;AACxB,kBAAgB,SAAS,MAAM;AAC7B,gBAAY,IAAI;AAChB,aAAS,YAAY,aAAa,YAAY;AAC9C,cAAU,OAAO;AACjB,QAAI,uBAAsB,GAAI;AAC5B,iBAAW,OAAO,OAAO;AAAA,IAC3B,OAAO;AACL,iBAAW,OAAO,SAAS,IAAI;AAAA,IACjC;AAAA,EACF,CAAC;AACD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,EACJ,IAAM,UAAU;AAAA,IACZ;AAAA,IACA,QAAQ;AAAA,EACZ,CAAG;AACD,QAAM,iBAAiB,kBAAkB,oBAAoB,SAAS,UAAU,CAAC,cAAc,aAAa;AAC5G,QAAM,YAAY;AAAA,IAChB,IAAI,eAAe,YAAY;AAAA,IAC/B,MAAM;AAAA,IACN,gBAAgB;AAAA,IAChB,iBAAiB,YAAY;AAAA,IAC7B,iBAAiB,YAAY;AAAA,IAC7B,mBAAmB;AAAA,IACnB,UAAU;AACR,UAAI,CAAC,UAAU;AACb,mBAAW,IAAI;AAAA,MACjB;AAAA,IACF;AAAA,IACA,SAAS;AACP,YAAMC,WAAU,SAAS;AACzB,UAAI,CAACA,YAAW,UAAU;AACxB;AAAA,MACF;AACA,iBAAW,IAAI;AACf,iBAAW,KAAK;AAChB,UAAI,mBAAmB,UAAU;AAC/B,mBAAW,OAAOA,SAAQ,OAAO;AAAA,MACnC;AAAA,IACF;AAAA,IACA,QAAQ,OAAO;;AACb,UAAI,YAAY,UAAU;AACxB;AAAA,MACF;AACA,YAAM,eAAc;AACpB,qBAAS,YAAT,mBAAkB,cAAc,IAAI,aAAa,SAAS;AAAA,QACxD,SAAS;AAAA,QACT,UAAU,MAAM;AAAA,QAChB,SAAS,MAAM;AAAA,QACf,QAAQ,MAAM;AAAA,QACd,SAAS,MAAM;AAAA,MACvB,CAAO;AAAA,IACH;AAAA,EACJ;AACE,QAAM,aAAa,MAAM,QAAQ,MAAM;AAAA,IAAW;AAAA,MAChD;AAAA,MACA;AAAA,MACA,IAAI;AAAA,MACJ;AAAA,MACA;AAAA,MACA,OAAO,OAAO,sBAAsB;AAAA,MACpC,UAAU;AAAA,MACV,MAAM;AAAA,MACN,eAAe;AAAA,MACf,KAAK;AAAA,MACL,SAAS,OAAO;AAEd,YAAI,MAAM,YAAY,kBAAkB;AACtC;AAAA,QACF;AACA,cAAM,cAAc,MAAM,OAAO;AACjC,cAAM,eAAe,yBAAyBC,MAAc,MAAM,WAAW;AAC7E,2DAAkB,aAAa;AAC/B,YAAI,aAAa,YAAY;AAC3B;AAAA,QACF;AACA,wBAAgB,WAAW;AAAA,MAC7B;AAAA,MACA,UAAU;;AACR,wBAAU,YAAV,mBAAmB;AAAA,MACrB;AAAA,IACJ;AAAA,IAAK,WAAW;AAAA;AAAA;AAAA,IAGd,UAAU,SAAY;AAAA,MACpB;AAAA,IACJ,IAAM;AAAA,EAAY,GAAG,CAAC,SAAS,UAAU,gBAAgB,eAAe,MAAM,iBAAiB,UAAU,iBAAiB,YAAY,KAAK,CAAC;AAC1I,QAAM,QAAQ,MAAM,QAAQ,OAAO;AAAA,IACjC,GAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ,IAAM,CAAC,YAAY,SAAS,UAAU,UAAU,QAAQ,CAAC;AACvD,QAAM,UAAU,iBAAiB,QAAQ,gBAAgB;AAAA,IACvD;AAAA,IACA,KAAK,CAAC,cAAc,WAAW,SAAS;AAAA,IACxC,OAAO,CAAC,WAAW,WAAW,oBAAoB,cAAc,cAAc;AAAA,IAC9E;AAAA,EACJ,CAAG;AACD,SAAoBC,kCAAAA,KAAM,kBAAkB,UAAU;AAAA,IACpD,OAAO;AAAA,IACP,UAAU,CAAC,SAAS,CAAC,WAAW,QAAQ,mBAAmB,UAA0BC,kCAAAA,IAAK,SAAS;AAAA,MACjG,MAAM;AAAA,MACN;AAAA,MACA,OAAO;AAAA,IACb,CAAK,GAAgBA,kCAAAA,IAAK,SAAS;AAAA,MAC7B,GAAG;AAAA,IACT,CAAK,CAAC;AAAA,EACN,CAAG;AACH,CAAC;AACD,IAAI,QAAQ,IAAI,aAAa,aAAc,YAAW,cAAc;ACxM7D,MAAM,cAA2B,sBAAM,WAAW,SAASC,aAAY,gBAAgB,cAAc;AAC1G,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACP,IAAM;AACJ,QAAM;AAAA,IACJ,OAAO;AAAA,EACX,IAAM,oBAAmB;AACvB,QAAM,QAAQ,qBAAoB;AAClC,QAAM,gBAAgB;AAAA,IACpB,GAAG;AAAA,IACH,GAAG;AAAA,EACP;AACE,SAAO,iBAAiB,QAAQ,gBAAgB;AAAA,IAC9C,OAAO;AAAA,IACP,KAAK;AAAA,IACL;AAAA,IACA,OAAO;AAAA,EACX,CAAG;AACH,CAAC;AACD,IAAI,QAAQ,IAAI,aAAa,aAAc,aAAY,cAAc;AC7BrE,SAAS,OAAO;AAAA,EACd;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACL,GAEG;AACD,SACEC,kCAAAA;AAAAA,IAACC;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,aAAW;AAAA,MACX,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,MAEJ,UAAAD,kCAAAA;AAAAA,QAACE;AAAAA,QAAA;AAAA,UACC,aAAU;AAAA,UACV,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACZ;AAAA,EAAA;AAGN;","x_google_ignoreList":[0,1,2,3,4]}

package/dist/table/index.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+declare function Table({ className, ...props }: React.ComponentProps<"table">): import("react/jsx-runtime").JSX.Element;
+declare function TableHeader({ className, ...props }: React.ComponentProps<"thead">): import("react/jsx-runtime").JSX.Element;
+declare function TableBody({ className, ...props }: React.ComponentProps<"tbody">): import("react/jsx-runtime").JSX.Element;
+declare function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">): import("react/jsx-runtime").JSX.Element;
+declare function TableRow({ className, ...props }: React.ComponentProps<"tr">): import("react/jsx-runtime").JSX.Element;
+declare function TableHead({ className, ...props }: React.ComponentProps<"th">): import("react/jsx-runtime").JSX.Element;
+declare function TableCell({ className, ...props }: React.ComponentProps<"td">): import("react/jsx-runtime").JSX.Element;
+declare function TableCaption({ className, ...props }: React.ComponentProps<"caption">): import("react/jsx-runtime").JSX.Element;
+export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, };

package/dist/table/index.js

@@ -0,0 +1,115 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../jsx-runtime-CPzt8Nmm.js");
+const utils = require("../utils-ij3i9zTT.js");
+function Table({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    "div",
+    {
+      "data-slot": "table-container",
+      className: "relative w-full overflow-x-auto",
+      children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+        "table",
+        {
+          "data-slot": "table",
+          className: utils.cn("w-full caption-bottom text-sm", className),
+          ...props
+        }
+      )
+    }
+  );
+}
+function TableHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    "thead",
+    {
+      "data-slot": "table-header",
+      className: utils.cn("[&_tr]:border-b", className),
+      ...props
+    }
+  );
+}
+function TableBody({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    "tbody",
+    {
+      "data-slot": "table-body",
+      className: utils.cn("[&_tr:last-child]:border-0", className),
+      ...props
+    }
+  );
+}
+function TableFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    "tfoot",
+    {
+      "data-slot": "table-footer",
+      className: utils.cn(
+        "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableRow({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    "tr",
+    {
+      "data-slot": "table-row",
+      className: utils.cn(
+        "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableHead({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    "th",
+    {
+      "data-slot": "table-head",
+      className: utils.cn(
+        "h-10 px-2 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableCell({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    "td",
+    {
+      "data-slot": "table-cell",
+      className: utils.cn(
+        "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableCaption({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    "caption",
+    {
+      "data-slot": "table-caption",
+      className: utils.cn("mt-4 text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+exports.Table = Table;
+exports.TableBody = TableBody;
+exports.TableCaption = TableCaption;
+exports.TableCell = TableCell;
+exports.TableFooter = TableFooter;
+exports.TableHead = TableHead;
+exports.TableHeader = TableHeader;
+exports.TableRow = TableRow;
+//# sourceMappingURL=index.js.map

package/dist/table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/table/index.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport { cn } from \"../lib\"\n\nfunction Table({ className, ...props }: React.ComponentProps<\"table\">) {\n  return (\n    <div\n      data-slot=\"table-container\"\n      className=\"relative w-full overflow-x-auto\"\n    >\n      <table\n        data-slot=\"table\"\n        className={cn(\"w-full caption-bottom text-sm\", className)}\n        {...props}\n      />\n    </div>\n  )\n}\n\nfunction TableHeader({ className, ...props }: React.ComponentProps<\"thead\">) {\n  return (\n    <thead\n      data-slot=\"table-header\"\n      className={cn(\"[&_tr]:border-b\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableBody({ className, ...props }: React.ComponentProps<\"tbody\">) {\n  return (\n    <tbody\n      data-slot=\"table-body\"\n      className={cn(\"[&_tr:last-child]:border-0\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<\"tfoot\">) {\n  return (\n    <tfoot\n      data-slot=\"table-footer\"\n      className={cn(\n        \"border-t bg-muted/50 font-medium [&>tr]:last:border-b-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<\"tr\">) {\n  return (\n    <tr\n      data-slot=\"table-row\"\n      className={cn(\n        \"border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableHead({ className, ...props }: React.ComponentProps<\"th\">) {\n  return (\n    <th\n      data-slot=\"table-head\"\n      className={cn(\n        \"h-10 px-2 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableCell({ className, ...props }: React.ComponentProps<\"td\">) {\n  return (\n    <td\n      data-slot=\"table-cell\"\n      className={cn(\n        \"p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableCaption({\n  className,\n  ...props\n}: React.ComponentProps<\"caption\">) {\n  return (\n    <caption\n      data-slot=\"table-caption\"\n      className={cn(\"mt-4 text-sm text-muted-foreground\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableFooter,\n  TableHead,\n  TableRow,\n  TableCell,\n  TableCaption,\n}\n"],"names":["jsx","cn"],"mappings":";;;;AAMA,SAAS,MAAM,EAAE,WAAW,GAAG,SAAwC;AACrE,SACEA,2BAAAA,kBAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAU;AAAA,MAEV,UAAAA,2BAAAA,kBAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,aAAU;AAAA,UACV,WAAWC,MAAAA,GAAG,iCAAiC,SAAS;AAAA,UACvD,GAAG;AAAA,QAAA;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAGN;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAwC;AAC3E,SACED,2BAAAA,kBAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,MAAAA,GAAG,mBAAmB,SAAS;AAAA,MACzC,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAAS,UAAU,EAAE,WAAW,GAAG,SAAwC;AACzE,SACED,2BAAAA,kBAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,MAAAA,GAAG,8BAA8B,SAAS;AAAA,MACpD,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAwC;AAC3E,SACED,2BAAAA,kBAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,MAAAA;AAAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAAS,SAAS,EAAE,WAAW,GAAG,SAAqC;AACrE,SACED,2BAAAA,kBAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,MAAAA;AAAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAAS,UAAU,EAAE,WAAW,GAAG,SAAqC;AACtE,SACED,2BAAAA,kBAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,MAAAA;AAAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAAS,UAAU,EAAE,WAAW,GAAG,SAAqC;AACtE,SACED,2BAAAA,kBAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,MAAAA;AAAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAAS,aAAa;AAAA,EACpB;AAAA,EACA,GAAG;AACL,GAAoC;AAClC,SACED,2BAAAA,kBAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,MAAAA,GAAG,sCAAsC,SAAS;AAAA,MAC5D,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;;;;;;;;;"}

package/dist/table/index.mjs

@@ -0,0 +1,115 @@
+import { j as jsxRuntimeExports } from "../jsx-runtime-Dog7MAYX.mjs";
+import { c as cn } from "../utils-H80jjgLf.mjs";
+function Table({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "div",
+    {
+      "data-slot": "table-container",
+      className: "relative w-full overflow-x-auto",
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "table",
+        {
+          "data-slot": "table",
+          className: cn("w-full caption-bottom text-sm", className),
+          ...props
+        }
+      )
+    }
+  );
+}
+function TableHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "thead",
+    {
+      "data-slot": "table-header",
+      className: cn("[&_tr]:border-b", className),
+      ...props
+    }
+  );
+}
+function TableBody({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "tbody",
+    {
+      "data-slot": "table-body",
+      className: cn("[&_tr:last-child]:border-0", className),
+      ...props
+    }
+  );
+}
+function TableFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "tfoot",
+    {
+      "data-slot": "table-footer",
+      className: cn(
+        "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableRow({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "tr",
+    {
+      "data-slot": "table-row",
+      className: cn(
+        "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableHead({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "th",
+    {
+      "data-slot": "table-head",
+      className: cn(
+        "h-10 px-2 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableCell({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "td",
+    {
+      "data-slot": "table-cell",
+      className: cn(
+        "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableCaption({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "caption",
+    {
+      "data-slot": "table-caption",
+      className: cn("mt-4 text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+export {
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableFooter,
+  TableHead,
+  TableHeader,
+  TableRow
+};
+//# sourceMappingURL=index.mjs.map

package/dist/table/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../src/table/index.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport { cn } from \"../lib\"\n\nfunction Table({ className, ...props }: React.ComponentProps<\"table\">) {\n  return (\n    <div\n      data-slot=\"table-container\"\n      className=\"relative w-full overflow-x-auto\"\n    >\n      <table\n        data-slot=\"table\"\n        className={cn(\"w-full caption-bottom text-sm\", className)}\n        {...props}\n      />\n    </div>\n  )\n}\n\nfunction TableHeader({ className, ...props }: React.ComponentProps<\"thead\">) {\n  return (\n    <thead\n      data-slot=\"table-header\"\n      className={cn(\"[&_tr]:border-b\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableBody({ className, ...props }: React.ComponentProps<\"tbody\">) {\n  return (\n    <tbody\n      data-slot=\"table-body\"\n      className={cn(\"[&_tr:last-child]:border-0\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<\"tfoot\">) {\n  return (\n    <tfoot\n      data-slot=\"table-footer\"\n      className={cn(\n        \"border-t bg-muted/50 font-medium [&>tr]:last:border-b-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<\"tr\">) {\n  return (\n    <tr\n      data-slot=\"table-row\"\n      className={cn(\n        \"border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableHead({ className, ...props }: React.ComponentProps<\"th\">) {\n  return (\n    <th\n      data-slot=\"table-head\"\n      className={cn(\n        \"h-10 px-2 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableCell({ className, ...props }: React.ComponentProps<\"td\">) {\n  return (\n    <td\n      data-slot=\"table-cell\"\n      className={cn(\n        \"p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableCaption({\n  className,\n  ...props\n}: React.ComponentProps<\"caption\">) {\n  return (\n    <caption\n      data-slot=\"table-caption\"\n      className={cn(\"mt-4 text-sm text-muted-foreground\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableFooter,\n  TableHead,\n  TableRow,\n  TableCell,\n  TableCaption,\n}\n"],"names":["jsx"],"mappings":";;AAMA,SAAS,MAAM,EAAE,WAAW,GAAG,SAAwC;AACrE,SACEA,kCAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAU;AAAA,MAEV,UAAAA,kCAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,aAAU;AAAA,UACV,WAAW,GAAG,iCAAiC,SAAS;AAAA,UACvD,GAAG;AAAA,QAAA;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAGN;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAwC;AAC3E,SACEA,kCAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,mBAAmB,SAAS;AAAA,MACzC,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAAS,UAAU,EAAE,WAAW,GAAG,SAAwC;AACzE,SACEA,kCAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,8BAA8B,SAAS;AAAA,MACpD,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAwC;AAC3E,SACEA,kCAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAAS,SAAS,EAAE,WAAW,GAAG,SAAqC;AACrE,SACEA,kCAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAAS,UAAU,EAAE,WAAW,GAAG,SAAqC;AACtE,SACEA,kCAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAAS,UAAU,EAAE,WAAW,GAAG,SAAqC;AACtE,SACEA,kCAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAAS,aAAa;AAAA,EACpB;AAAA,EACA,GAAG;AACL,GAAoC;AAClC,SACEA,kCAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,sCAAsC,SAAS;AAAA,MAC5D,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/tabs/index.d.ts

@@ -0,0 +1,11 @@
+import { Tabs as TabsPrimitive } from '@base-ui/react/tabs';
+import { VariantProps } from 'class-variance-authority';
+import { ClassProp } from 'class-variance-authority/types';
+declare function Tabs({ className, orientation, ...props }: TabsPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
+declare const tabsListVariants: (props?: ({
+    variant?: "line" | "default" | null | undefined;
+} & ClassProp) | undefined) => string;
+declare function TabsList({ className, variant, ...props }: TabsPrimitive.List.Props & VariantProps<typeof tabsListVariants>): import("react/jsx-runtime").JSX.Element;
+declare function TabsTrigger({ className, ...props }: TabsPrimitive.Tab.Props): import("react/jsx-runtime").JSX.Element;
+declare function TabsContent({ className, ...props }: TabsPrimitive.Panel.Props): import("react/jsx-runtime").JSX.Element;
+export { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants };