@seed-design/react 0.0.0-alpha-20260324091316

package/lib/components/Checkbox/Checkbox.js

@@ -0,0 +1,91 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { checkbox } from '@seed-design/css/recipes/checkbox';
+import { checkmark } from '@seed-design/css/recipes/checkmark';
+import { splitMultipleVariantsProps } from '../../utils/splitMultipleVariantsProps.js';
+import { mergeProps } from '@seed-design/dom-utils';
+import { Checkbox, useCheckboxContext } from '@seed-design/react-checkbox';
+import { Primitive } from '@seed-design/react-primitive';
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
+import { createWithStateProps } from '../../utils/createWithStateProps.js';
+import { InternalIcon } from '../private/Icon.js';
+import { createRecipeContext } from '../../utils/createRecipeContext.js';
+import { checkboxGroup } from '@seed-design/css/recipes/checkbox-group';
+
+const { withContext: withGroupContext } = createRecipeContext(checkboxGroup);
+const { ClassNamesProvider, withContext } = createSlotRecipeContext(checkbox);
+const {
+  withProvider: withCheckmarkProvider,
+  useClassNames: useCheckmarkClassNames,
+  PropsProvider: CheckmarkPropsProvider
+} = createSlotRecipeContext(checkmark);
+const withStateProps = createWithStateProps([useCheckboxContext]);
+const CheckboxGroup = withGroupContext(Primitive.div);
+const CheckboxRoot = Object.assign(
+  forwardRef(({ className, ...props }, ref) => {
+    if (process.env.NODE_ENV !== "production" && (props.weight === "default" || props.weight === "stronger")) {
+      console.warn(
+        `[SEED Design System] Checkbox weight='${props.weight}' is deprecated and will be removed in @seed-design/react@1.3.0. Use weight='${props.weight === "default" ? "regular" : "bold"}' instead.`
+      );
+    }
+    const [{ checkbox: checkboxVariantProps, checkmark: checkmarkVariantProps }, otherProps] = splitMultipleVariantsProps(
+      {
+        ...props,
+        // TODO: replace this mapping completely
+        weight: props.weight === "stronger" ? "bold" : props.weight === "default" ? "regular" : props.weight
+      },
+      { checkbox, checkmark }
+    );
+    const classNames = checkbox(checkboxVariantProps);
+    return /* @__PURE__ */ jsx(CheckmarkPropsProvider, { value: checkmarkVariantProps, children: /* @__PURE__ */ jsx(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsx(
+      Checkbox.Root,
+      {
+        ref,
+        className: clsx(classNames.root, className),
+        ...otherProps
+      }
+    ) }) });
+  }),
+  {
+    Primitive: Checkbox.Root
+  }
+);
+const CheckboxControl = withCheckmarkProvider(
+  Checkbox.Control,
+  "root"
+);
+const CheckboxIndicator = forwardRef(
+  ({
+    unchecked: uncheckedSvg,
+    checked: checkedSvg,
+    indeterminate: indeterminateSvg,
+    ...otherProps
+  }, ref) => {
+    const { stateProps, checked, indeterminate } = useCheckboxContext();
+    const classNames = useCheckmarkClassNames();
+    const mergedProps = mergeProps(
+      stateProps,
+      { className: classNames.icon },
+      otherProps
+    );
+    if (indeterminate && !indeterminateSvg) {
+      console.warn(
+        "CheckboxIndicator: the `indeterminate` prop must be provided when the checkbox is in an indeterminate state."
+      );
+    }
+    if (indeterminate) return /* @__PURE__ */ jsx(InternalIcon, { ref, svg: indeterminateSvg, ...mergedProps });
+    if (checked) return /* @__PURE__ */ jsx(InternalIcon, { ref, svg: checkedSvg, ...mergedProps });
+    if (uncheckedSvg) return /* @__PURE__ */ jsx(InternalIcon, { ref, svg: uncheckedSvg, ...mergedProps });
+    return null;
+  }
+);
+CheckboxIndicator.displayName = "CheckboxIndicator";
+const CheckboxLabel = withContext(
+  withStateProps(Primitive.span),
+  "label"
+);
+const CheckboxHiddenInput = Checkbox.HiddenInput;
+
+export { CheckboxControl, CheckboxGroup, CheckboxHiddenInput, CheckboxIndicator, CheckboxLabel, CheckboxRoot };

package/lib/components/Checkbox/Checkbox.namespace.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const Checkbox = require('./Checkbox.cjs');
+
+
+
+exports.Control = Checkbox.CheckboxControl;
+exports.Group = Checkbox.CheckboxGroup;
+exports.HiddenInput = Checkbox.CheckboxHiddenInput;
+exports.Indicator = Checkbox.CheckboxIndicator;
+exports.Label = Checkbox.CheckboxLabel;
+exports.Root = Checkbox.CheckboxRoot;

package/lib/components/Checkbox/Checkbox.namespace.d.ts

@@ -0,0 +1,2 @@
+export { CheckboxControl as Control, CheckboxGroup as Group, CheckboxHiddenInput as HiddenInput, CheckboxIndicator as Indicator, CheckboxLabel as Label, CheckboxRoot as Root, type CheckboxControlProps as ControlProps, type CheckboxGroupProps as GroupProps, type CheckboxHiddenInputProps as HiddenInputProps, type CheckboxIndicatorProps as IndicatorProps, type CheckboxLabelProps as LabelProps, type CheckboxRootProps as RootProps, } from './Checkbox';
+//# sourceMappingURL=Checkbox.namespace.d.ts.map

package/lib/components/Checkbox/Checkbox.namespace.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,IAAI,OAAO,EAC1B,aAAa,IAAI,KAAK,EACtB,mBAAmB,IAAI,WAAW,EAClC,iBAAiB,IAAI,SAAS,EAC9B,aAAa,IAAI,KAAK,EACtB,YAAY,IAAI,IAAI,EACpB,KAAK,oBAAoB,IAAI,YAAY,EACzC,KAAK,kBAAkB,IAAI,UAAU,EACrC,KAAK,wBAAwB,IAAI,gBAAgB,EACjD,KAAK,sBAAsB,IAAI,cAAc,EAC7C,KAAK,kBAAkB,IAAI,UAAU,EACrC,KAAK,iBAAiB,IAAI,SAAS,GACpC,MAAM,YAAY,CAAC"}

package/lib/components/Checkbox/Checkbox.namespace.js

@@ -0,0 +1 @@
+export { CheckboxControl as Control, CheckboxGroup as Group, CheckboxHiddenInput as HiddenInput, CheckboxIndicator as Indicator, CheckboxLabel as Label, CheckboxRoot as Root } from './Checkbox.js';

package/lib/components/Checkbox/index.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const Checkbox = require('./Checkbox.cjs');
+const Checkbox_namespace = require('./Checkbox.namespace.cjs');
+
+
+
+exports.CheckboxControl = Checkbox.CheckboxControl;
+exports.CheckboxGroup = Checkbox.CheckboxGroup;
+exports.CheckboxHiddenInput = Checkbox.CheckboxHiddenInput;
+exports.CheckboxIndicator = Checkbox.CheckboxIndicator;
+exports.CheckboxLabel = Checkbox.CheckboxLabel;
+exports.CheckboxRoot = Checkbox.CheckboxRoot;
+exports.Checkbox = Checkbox_namespace;

package/lib/components/Checkbox/index.d.ts

@@ -0,0 +1,3 @@
+export { CheckboxControl, CheckboxGroup, CheckboxHiddenInput, CheckboxIndicator, CheckboxLabel, CheckboxRoot, type CheckboxControlProps, type CheckboxGroupProps, type CheckboxHiddenInputProps, type CheckboxIndicatorProps, type CheckboxLabelProps, type CheckboxRootProps, } from './Checkbox';
+export * as Checkbox from './Checkbox.namespace';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/Checkbox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,aAAa,EACb,mBAAmB,EACnB,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,KAAK,oBAAoB,EACzB,KAAK,kBAAkB,EACvB,KAAK,wBAAwB,EAC7B,KAAK,sBAAsB,EAC3B,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,GACvB,MAAM,YAAY,CAAC;AAEpB,OAAO,KAAK,QAAQ,MAAM,sBAAsB,CAAC"}

package/lib/components/Checkbox/index.js

@@ -0,0 +1,3 @@
+export { CheckboxControl, CheckboxGroup, CheckboxHiddenInput, CheckboxIndicator, CheckboxLabel, CheckboxRoot } from './Checkbox.js';
+import * as Checkbox_namespace from './Checkbox.namespace.js';
+export { Checkbox_namespace as Checkbox };

package/lib/components/Chip/Chip.cjs

@@ -0,0 +1,49 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const chip = require('@seed-design/css/recipes/chip');
+const reactPrimitive = require('@seed-design/react-primitive');
+const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
+const Icon = require('../Icon/Icon.cjs');
+const createWithStateProps = require('../../utils/createWithStateProps.cjs');
+const reactCheckbox = require('@seed-design/react-checkbox');
+const reactRadioGroup = require('@seed-design/react-radio-group');
+
+const { withProvider, withContext } = createSlotRecipeContext.createSlotRecipeContext(chip.chip);
+const withStateProps = createWithStateProps.createWithStateProps([
+  { useContext: reactCheckbox.useCheckboxContext, strict: false },
+  { useContext: reactRadioGroup.useRadioGroupItemContext, strict: false }
+]);
+const ChipRoot = Icon.withIconRequired(
+  withProvider(reactPrimitive.Primitive.button, "root"),
+  (props) => props.layout === "iconOnly"
+);
+ChipRoot.displayName = "Chip.Root";
+const ChipLabel = withContext(
+  withStateProps(reactPrimitive.Primitive.span),
+  "label"
+);
+ChipLabel.displayName = "Chip.Label";
+const ChipPrefixIcon = withContext(
+  withStateProps(reactPrimitive.Primitive.div),
+  "prefixIcon"
+);
+ChipPrefixIcon.displayName = "Chip.PrefixIcon";
+const ChipPrefixAvatar = withContext(
+  withStateProps(reactPrimitive.Primitive.div),
+  "prefixAvatar"
+);
+ChipPrefixAvatar.displayName = "Chip.PrefixAvatar";
+const ChipSuffixIcon = withContext(
+  withStateProps(reactPrimitive.Primitive.div),
+  "suffixIcon"
+);
+ChipSuffixIcon.displayName = "Chip.SuffixIcon";
+
+exports.ChipLabel = ChipLabel;
+exports.ChipPrefixAvatar = ChipPrefixAvatar;
+exports.ChipPrefixIcon = ChipPrefixIcon;
+exports.ChipRoot = ChipRoot;
+exports.ChipSuffixIcon = ChipSuffixIcon;

package/lib/components/Chip/Chip.d.ts

@@ -0,0 +1,19 @@
+import { ChipVariantProps } from '@seed-design/css/recipes/chip';
+import { PrimitiveProps } from '@seed-design/react-primitive';
+import type * as React from "react";
+export interface ChipRootProps extends PrimitiveProps, ChipVariantProps, React.ButtonHTMLAttributes<HTMLButtonElement> {
+}
+export declare const ChipRoot: React.ForwardRefExoticComponent<Omit<ChipRootProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export interface ChipLabelProps extends PrimitiveProps, React.HTMLAttributes<HTMLSpanElement> {
+}
+export declare const ChipLabel: React.ForwardRefExoticComponent<ChipLabelProps & React.RefAttributes<HTMLSpanElement>>;
+export interface ChipPrefixIconProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
+}
+export declare const ChipPrefixIcon: React.ForwardRefExoticComponent<ChipPrefixIconProps & React.RefAttributes<HTMLDivElement>>;
+export interface ChipPrefixAvatarProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
+}
+export declare const ChipPrefixAvatar: React.ForwardRefExoticComponent<ChipPrefixAvatarProps & React.RefAttributes<HTMLDivElement>>;
+export interface ChipSuffixIconProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
+}
+export declare const ChipSuffixIcon: React.ForwardRefExoticComponent<ChipSuffixIconProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Chip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAepC,MAAM,WAAW,aACf,SAAQ,cAAc,EACpB,gBAAgB,EAChB,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAEpD,eAAO,MAAM,QAAQ,+IAGpB,CAAC;AAKF,MAAM,WAAW,cAAe,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAEhG,eAAO,MAAM,SAAS,wFAGrB,CAAC;AAKF,MAAM,WAAW,mBAAoB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AACpG,eAAO,MAAM,cAAc,4FAG1B,CAAC;AAKF,MAAM,WAAW,qBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,gBAAgB,8FAG5B,CAAC;AAKF,MAAM,WAAW,mBAAoB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AACpG,eAAO,MAAM,cAAc,4FAG1B,CAAC"}

package/lib/components/Chip/Chip.js

@@ -0,0 +1,41 @@
+'use client';
+import { chip } from '@seed-design/css/recipes/chip';
+import { Primitive } from '@seed-design/react-primitive';
+import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
+import { withIconRequired } from '../Icon/Icon.js';
+import { createWithStateProps } from '../../utils/createWithStateProps.js';
+import { useCheckboxContext } from '@seed-design/react-checkbox';
+import { useRadioGroupItemContext } from '@seed-design/react-radio-group';
+
+const { withProvider, withContext } = createSlotRecipeContext(chip);
+const withStateProps = createWithStateProps([
+  { useContext: useCheckboxContext, strict: false },
+  { useContext: useRadioGroupItemContext, strict: false }
+]);
+const ChipRoot = withIconRequired(
+  withProvider(Primitive.button, "root"),
+  (props) => props.layout === "iconOnly"
+);
+ChipRoot.displayName = "Chip.Root";
+const ChipLabel = withContext(
+  withStateProps(Primitive.span),
+  "label"
+);
+ChipLabel.displayName = "Chip.Label";
+const ChipPrefixIcon = withContext(
+  withStateProps(Primitive.div),
+  "prefixIcon"
+);
+ChipPrefixIcon.displayName = "Chip.PrefixIcon";
+const ChipPrefixAvatar = withContext(
+  withStateProps(Primitive.div),
+  "prefixAvatar"
+);
+ChipPrefixAvatar.displayName = "Chip.PrefixAvatar";
+const ChipSuffixIcon = withContext(
+  withStateProps(Primitive.div),
+  "suffixIcon"
+);
+ChipSuffixIcon.displayName = "Chip.SuffixIcon";
+
+export { ChipLabel, ChipPrefixAvatar, ChipPrefixIcon, ChipRoot, ChipSuffixIcon };

package/lib/components/Chip/Chip.namespace.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const Chip = require('./Chip.cjs');
+
+
+
+exports.Label = Chip.ChipLabel;
+exports.PrefixAvatar = Chip.ChipPrefixAvatar;
+exports.PrefixIcon = Chip.ChipPrefixIcon;
+exports.Root = Chip.ChipRoot;
+exports.SuffixIcon = Chip.ChipSuffixIcon;

package/lib/components/Chip/Chip.namespace.d.ts

@@ -0,0 +1,2 @@
+export { ChipRoot as Root, ChipLabel as Label, ChipPrefixIcon as PrefixIcon, ChipPrefixAvatar as PrefixAvatar, ChipSuffixIcon as SuffixIcon, type ChipRootProps as RootProps, type ChipLabelProps as LabelProps, type ChipPrefixIconProps as PrefixIconProps, type ChipPrefixAvatarProps as PrefixAvatarProps, type ChipSuffixIconProps as SuffixIconProps, } from './Chip';
+//# sourceMappingURL=Chip.namespace.d.ts.map

package/lib/components/Chip/Chip.namespace.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,IAAI,IAAI,EAChB,SAAS,IAAI,KAAK,EAClB,cAAc,IAAI,UAAU,EAC5B,gBAAgB,IAAI,YAAY,EAChC,cAAc,IAAI,UAAU,EAC5B,KAAK,aAAa,IAAI,SAAS,EAC/B,KAAK,cAAc,IAAI,UAAU,EACjC,KAAK,mBAAmB,IAAI,eAAe,EAC3C,KAAK,qBAAqB,IAAI,iBAAiB,EAC/C,KAAK,mBAAmB,IAAI,eAAe,GAC5C,MAAM,QAAQ,CAAC"}

package/lib/components/Chip/Chip.namespace.js

@@ -0,0 +1 @@
+export { ChipLabel as Label, ChipPrefixAvatar as PrefixAvatar, ChipPrefixIcon as PrefixIcon, ChipRoot as Root, ChipSuffixIcon as SuffixIcon } from './Chip.js';

package/lib/components/Chip/index.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const Chip = require('./Chip.cjs');
+const Chip_namespace = require('./Chip.namespace.cjs');
+
+
+
+exports.ChipLabel = Chip.ChipLabel;
+exports.ChipPrefixAvatar = Chip.ChipPrefixAvatar;
+exports.ChipPrefixIcon = Chip.ChipPrefixIcon;
+exports.ChipRoot = Chip.ChipRoot;
+exports.ChipSuffixIcon = Chip.ChipSuffixIcon;
+exports.Chip = Chip_namespace;

package/lib/components/Chip/index.d.ts

@@ -0,0 +1,3 @@
+export { ChipRoot, ChipLabel, ChipPrefixIcon, ChipPrefixAvatar, ChipSuffixIcon, type ChipRootProps, type ChipLabelProps, type ChipPrefixIconProps, type ChipPrefixAvatarProps, type ChipSuffixIconProps, } from './Chip';
+export * as Chip from './Chip.namespace';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/Chip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,SAAS,EACT,cAAc,EACd,gBAAgB,EAChB,cAAc,EACd,KAAK,aAAa,EAClB,KAAK,cAAc,EACnB,KAAK,mBAAmB,EACxB,KAAK,qBAAqB,EAC1B,KAAK,mBAAmB,GACzB,MAAM,QAAQ,CAAC;AAEhB,OAAO,KAAK,IAAI,MAAM,kBAAkB,CAAC"}

package/lib/components/Chip/index.js

@@ -0,0 +1,3 @@
+export { ChipLabel, ChipPrefixAvatar, ChipPrefixIcon, ChipRoot, ChipSuffixIcon } from './Chip.js';
+import * as Chip_namespace from './Chip.namespace.js';
+export { Chip_namespace as Chip };

package/lib/components/ChipTabs/ChipTabs.cjs

@@ -0,0 +1,60 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const chipTabs = require('@seed-design/css/recipes/chip-tabs');
+const reactTabs = require('@seed-design/react-tabs');
+const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
+const React = require('react');
+const clsx = require('clsx');
+
+const { ClassNamesProvider, withContext } = createSlotRecipeContext.createSlotRecipeContext(chipTabs.chipTabs);
+const ChipTabsRoot = React.forwardRef(
+  ({ className, ...props }, ref) => {
+    if (process.env.NODE_ENV !== "production" && props.variant === "brandSolid") {
+      console.warn(
+        "[SEED Design System] ChipTabs variant='brandSolid' is deprecated and will be removed in @seed-design/react@1.3.0. Use variant='neutralSolid' or variant='neutralOutline' instead."
+      );
+    }
+    const [variantProps, otherProps] = chipTabs.chipTabs.splitVariantProps(props);
+    const classNames = chipTabs.chipTabs(variantProps);
+    return /* @__PURE__ */ jsxRuntime.jsx(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsxRuntime.jsx(
+      reactTabs.Tabs.Root,
+      {
+        ref,
+        className: clsx(classNames.root, className),
+        ...otherProps
+      }
+    ) });
+  }
+);
+ChipTabsRoot.displayName = "ChipTabsRoot";
+const ChipTabsList = withContext(
+  reactTabs.Tabs.List,
+  "list"
+);
+const ChipTabsTrigger = withContext(
+  reactTabs.Tabs.Trigger,
+  "trigger"
+);
+const ChipTabsContent = withContext(
+  reactTabs.Tabs.Content,
+  "content"
+);
+const ChipTabsCarousel = withContext(
+  reactTabs.Tabs.Carousel,
+  "carousel"
+);
+const ChipTabsCarouselCamera = withContext(
+  reactTabs.Tabs.CarouselCamera,
+  "carouselCamera"
+);
+
+exports.ChipTabsCarousel = ChipTabsCarousel;
+exports.ChipTabsCarouselCamera = ChipTabsCarouselCamera;
+exports.ChipTabsContent = ChipTabsContent;
+exports.ChipTabsList = ChipTabsList;
+exports.ChipTabsRoot = ChipTabsRoot;
+exports.ChipTabsTrigger = ChipTabsTrigger;

package/lib/components/ChipTabs/ChipTabs.d.ts

@@ -0,0 +1,22 @@
+import { ChipTabsVariantProps } from '@seed-design/css/recipes/chip-tabs';
+import { Tabs as TabsPrimitive } from '@seed-design/react-tabs';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface ChipTabsRootProps extends ChipTabsVariantProps, TabsPrimitive.RootProps {
+}
+export declare const ChipTabsRoot: ForwardRefExoticComponent<ChipTabsRootProps & RefAttributes<HTMLDivElement>>;
+export interface ChipTabsListProps extends TabsPrimitive.ListProps {
+}
+export declare const ChipTabsList: ForwardRefExoticComponent<ChipTabsListProps & RefAttributes<HTMLDivElement>>;
+export interface ChipTabsTriggerProps extends TabsPrimitive.TriggerProps {
+}
+export declare const ChipTabsTrigger: ForwardRefExoticComponent<ChipTabsTriggerProps & RefAttributes<HTMLButtonElement>>;
+export interface ChipTabsContentProps extends TabsPrimitive.ContentProps {
+}
+export declare const ChipTabsContent: ForwardRefExoticComponent<ChipTabsContentProps & RefAttributes<HTMLSpanElement>>;
+export interface ChipTabsCarouselProps extends TabsPrimitive.CarouselProps {
+}
+export declare const ChipTabsCarousel: ForwardRefExoticComponent<ChipTabsCarouselProps & RefAttributes<HTMLDivElement>>;
+export interface ChipTabsCarouselCameraProps extends TabsPrimitive.CarouselCameraProps {
+}
+export declare const ChipTabsCarouselCamera: ForwardRefExoticComponent<ChipTabsCarouselCameraProps & RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ChipTabs.d.ts.map

package/lib/components/ChipTabs/ChipTabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipTabs.d.ts","sourceRoot":"","sources":["../../../src/components/ChipTabs/ChipTabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AACzF,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAShE,MAAM,WAAW,iBAAkB,SAAQ,oBAAoB,EAAE,aAAa,CAAC,SAAS;CAAG;AAE3F,eAAO,MAAM,YAAY,8GAqBxB,CAAC;AAKF,MAAM,WAAW,iBAAkB,SAAQ,aAAa,CAAC,SAAS;CAAG;AAErE,eAAO,MAAM,YAAY,8GAGxB,CAAC;AAIF,MAAM,WAAW,oBAAqB,SAAQ,aAAa,CAAC,YAAY;CAAG;AAE3E,eAAO,MAAM,eAAe,oHAG3B,CAAC;AAIF,MAAM,WAAW,oBAAqB,SAAQ,aAAa,CAAC,YAAY;CAAG;AAE3E,eAAO,MAAM,eAAe,kHAG3B,CAAC;AAIF,MAAM,WAAW,qBAAsB,SAAQ,aAAa,CAAC,aAAa;CAAG;AAE7E,eAAO,MAAM,gBAAgB,kHAG5B,CAAC;AAIF,MAAM,WAAW,2BAA4B,SAAQ,aAAa,CAAC,mBAAmB;CAAG;AAEzF,eAAO,MAAM,sBAAsB,wHAGlC,CAAC"}

package/lib/components/ChipTabs/ChipTabs.js

@@ -0,0 +1,51 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { chipTabs } from '@seed-design/css/recipes/chip-tabs';
+import { Tabs } from '@seed-design/react-tabs';
+import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
+import { forwardRef } from 'react';
+import clsx from 'clsx';
+
+const { ClassNamesProvider, withContext } = createSlotRecipeContext(chipTabs);
+const ChipTabsRoot = forwardRef(
+  ({ className, ...props }, ref) => {
+    if (process.env.NODE_ENV !== "production" && props.variant === "brandSolid") {
+      console.warn(
+        "[SEED Design System] ChipTabs variant='brandSolid' is deprecated and will be removed in @seed-design/react@1.3.0. Use variant='neutralSolid' or variant='neutralOutline' instead."
+      );
+    }
+    const [variantProps, otherProps] = chipTabs.splitVariantProps(props);
+    const classNames = chipTabs(variantProps);
+    return /* @__PURE__ */ jsx(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsx(
+      Tabs.Root,
+      {
+        ref,
+        className: clsx(classNames.root, className),
+        ...otherProps
+      }
+    ) });
+  }
+);
+ChipTabsRoot.displayName = "ChipTabsRoot";
+const ChipTabsList = withContext(
+  Tabs.List,
+  "list"
+);
+const ChipTabsTrigger = withContext(
+  Tabs.Trigger,
+  "trigger"
+);
+const ChipTabsContent = withContext(
+  Tabs.Content,
+  "content"
+);
+const ChipTabsCarousel = withContext(
+  Tabs.Carousel,
+  "carousel"
+);
+const ChipTabsCarouselCamera = withContext(
+  Tabs.CarouselCamera,
+  "carouselCamera"
+);
+
+export { ChipTabsCarousel, ChipTabsCarouselCamera, ChipTabsContent, ChipTabsList, ChipTabsRoot, ChipTabsTrigger };

package/lib/components/ChipTabs/ChipTabs.namespace.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const ChipTabs = require('./ChipTabs.cjs');
+
+
+
+exports.Carousel = ChipTabs.ChipTabsCarousel;
+exports.CarouselCamera = ChipTabs.ChipTabsCarouselCamera;
+exports.Content = ChipTabs.ChipTabsContent;
+exports.List = ChipTabs.ChipTabsList;
+exports.Root = ChipTabs.ChipTabsRoot;
+exports.Trigger = ChipTabs.ChipTabsTrigger;

package/lib/components/ChipTabs/ChipTabs.namespace.d.ts

@@ -0,0 +1,2 @@
+export { ChipTabsContent as Content, ChipTabsList as List, ChipTabsRoot as Root, ChipTabsCarouselCamera as CarouselCamera, ChipTabsCarousel as Carousel, ChipTabsTrigger as Trigger, type ChipTabsContentProps as ContentProps, type ChipTabsListProps as ListProps, type ChipTabsRootProps as RootProps, type ChipTabsCarouselCameraProps as CarouselCameraProps, type ChipTabsCarouselProps as CarouselProps, type ChipTabsTriggerProps as TriggerProps, } from './ChipTabs';
+//# sourceMappingURL=ChipTabs.namespace.d.ts.map

package/lib/components/ChipTabs/ChipTabs.namespace.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipTabs.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/ChipTabs/ChipTabs.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,IAAI,OAAO,EAC1B,YAAY,IAAI,IAAI,EACpB,YAAY,IAAI,IAAI,EACpB,sBAAsB,IAAI,cAAc,EACxC,gBAAgB,IAAI,QAAQ,EAC5B,eAAe,IAAI,OAAO,EAC1B,KAAK,oBAAoB,IAAI,YAAY,EACzC,KAAK,iBAAiB,IAAI,SAAS,EACnC,KAAK,iBAAiB,IAAI,SAAS,EACnC,KAAK,2BAA2B,IAAI,mBAAmB,EACvD,KAAK,qBAAqB,IAAI,aAAa,EAC3C,KAAK,oBAAoB,IAAI,YAAY,GAC1C,MAAM,YAAY,CAAC"}

package/lib/components/ChipTabs/ChipTabs.namespace.js

@@ -0,0 +1 @@
+export { ChipTabsCarousel as Carousel, ChipTabsCarouselCamera as CarouselCamera, ChipTabsContent as Content, ChipTabsList as List, ChipTabsRoot as Root, ChipTabsTrigger as Trigger } from './ChipTabs.js';

package/lib/components/ChipTabs/index.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const ChipTabs = require('./ChipTabs.cjs');
+const ChipTabs_namespace = require('./ChipTabs.namespace.cjs');
+
+
+
+exports.ChipTabsCarousel = ChipTabs.ChipTabsCarousel;
+exports.ChipTabsCarouselCamera = ChipTabs.ChipTabsCarouselCamera;
+exports.ChipTabsContent = ChipTabs.ChipTabsContent;
+exports.ChipTabsList = ChipTabs.ChipTabsList;
+exports.ChipTabsRoot = ChipTabs.ChipTabsRoot;
+exports.ChipTabsTrigger = ChipTabs.ChipTabsTrigger;
+exports.ChipTabs = ChipTabs_namespace;

package/lib/components/ChipTabs/index.d.ts

@@ -0,0 +1,3 @@
+export { ChipTabsContent, ChipTabsList, ChipTabsRoot, ChipTabsCarouselCamera, ChipTabsCarousel, ChipTabsTrigger, type ChipTabsContentProps, type ChipTabsListProps, type ChipTabsRootProps, type ChipTabsCarouselCameraProps, type ChipTabsCarouselProps, type ChipTabsTriggerProps, } from './ChipTabs';
+export * as ChipTabs from './ChipTabs.namespace';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/ChipTabs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ChipTabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,sBAAsB,EACtB,gBAAgB,EAChB,eAAe,EACf,KAAK,oBAAoB,EACzB,KAAK,iBAAiB,EACtB,KAAK,iBAAiB,EACtB,KAAK,2BAA2B,EAChC,KAAK,qBAAqB,EAC1B,KAAK,oBAAoB,GAC1B,MAAM,YAAY,CAAC;AAEpB,OAAO,KAAK,QAAQ,MAAM,sBAAsB,CAAC"}

package/lib/components/ChipTabs/index.js

@@ -0,0 +1,3 @@
+export { ChipTabsCarousel, ChipTabsCarouselCamera, ChipTabsContent, ChipTabsList, ChipTabsRoot, ChipTabsTrigger } from './ChipTabs.js';
+import * as ChipTabs_namespace from './ChipTabs.namespace.js';
+export { ChipTabs_namespace as ChipTabs };

package/lib/components/Columns/Columns.cjs

@@ -0,0 +1,59 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const Box = require('../Box/Box.cjs');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const Columns = React__namespace.forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Box.Box,
+    {
+      ref,
+      display: "flex",
+      flexDirection: "row",
+      flexWrap: "nowrap",
+      justifyContent: "flex-start",
+      ...props
+    }
+  );
+});
+const Column = React__namespace.forwardRef((props, ref) => {
+  const { width, ...otherProps } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Box.Box,
+    {
+      ref,
+      display: "flex",
+      flexDirection: "column",
+      width: width !== "content" ? "full" : void 0,
+      flexShrink: width ? 0 : void 0,
+      flexGrow: width ? 0 : 1,
+      ...otherProps
+    }
+  );
+});
+
+exports.Column = Column;
+exports.Columns = Columns;

package/lib/components/Columns/Columns.d.ts

@@ -0,0 +1,22 @@
+import { BoxProps } from '../Box/Box';
+import * as React from "react";
+/**
+ * @deprecated Use `HStack` instead.
+ */
+export interface ColumnsProps extends Omit<BoxProps, "display" | "direction"> {
+}
+/**
+ * @deprecated Use `HStack` instead.
+ */
+export declare const Columns: React.ForwardRefExoticComponent<ColumnsProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * @deprecated Use `HStack` instead.
+ */
+export interface ColumnProps extends Omit<BoxProps, "display" | "flexDirection" | "width"> {
+    width?: BoxProps["width"] | "content";
+}
+/**
+ * @deprecated Use `HStack` instead.
+ */
+export declare const Column: React.ForwardRefExoticComponent<ColumnProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Columns.d.ts.map

package/lib/components/Columns/Columns.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Columns.d.ts","sourceRoot":"","sources":["../../../src/components/Columns/Columns.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEhD;;GAEG;AACH,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,QAAQ,EAAE,SAAS,GAAG,WAAW,CAAC;CAAG;AAEhF;;GAEG;AACH,eAAO,MAAM,OAAO,qFAWlB,CAAC;AAEH;;GAEG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,QAAQ,EAAE,SAAS,GAAG,eAAe,GAAG,OAAO,CAAC;IACxF,KAAK,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,GAAG,SAAS,CAAC;CACvC;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,oFAcjB,CAAC"}

package/lib/components/Columns/Columns.js

@@ -0,0 +1,35 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Box } from '../Box/Box.js';
+
+const Columns = React.forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      ref,
+      display: "flex",
+      flexDirection: "row",
+      flexWrap: "nowrap",
+      justifyContent: "flex-start",
+      ...props
+    }
+  );
+});
+const Column = React.forwardRef((props, ref) => {
+  const { width, ...otherProps } = props;
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      ref,
+      display: "flex",
+      flexDirection: "column",
+      width: width !== "content" ? "full" : void 0,
+      flexShrink: width ? 0 : void 0,
+      flexGrow: width ? 0 : 1,
+      ...otherProps
+    }
+  );
+});
+
+export { Column, Columns };