@d4gger/design-system 2.7.0

package/dist/components/searchBar/SearchBar.js

@@ -0,0 +1,174 @@
+"use client";
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cn } from "../../_internal/cn.js";
+import { extractProps } from "../../_internal/helpers/extractProps.js";
+import { Button } from "../button/Button.js";
+import { Icon } from "../icon/Icon.js";
+import { Dialog, DialogContent, DialogTitle } from "../dialog/Dialog.js";
+import { Kbd } from "../kbd/Kbd.js";
+import { VisuallyHidden } from "../visuallyHidden/VisuallyHidden.js";
+import { searchBarMenuPropDefs, searchBarRootPropDefs, searchBarTriggerPropDefs } from "./searchBar.props.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+const Command = React.lazy(() => import("../command/Command.js").then((mod) => ({ default: mod.Command })));
+const SearchBarContext = React.createContext(null);
+function useSearchBarContext() {
+  const context = React.useContext(SearchBarContext);
+  if (!context) {
+    throw new Error("SearchBar components must be used within SearchBar.Root");
+  }
+  return context;
+}
+const SEARCH_BAR_VARIANT_TO_BUTTON_VARIANT = {
+  default: "outline",
+  ghost: "ghost"
+};
+const SearchBarStyleContext = React.createContext({
+  size: "md",
+  variant: "default",
+  radius: void 0
+});
+function useControllableSearchBarOpenState({
+  defaultOpen = false,
+  open: openProp,
+  onOpenChange
+}) {
+  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen);
+  const open = openProp ?? uncontrolledOpen;
+  const setOpen = React.useCallback(
+    (nextOpen) => {
+      if (openProp === void 0) {
+        setUncontrolledOpen(nextOpen);
+      }
+      onOpenChange?.(nextOpen);
+    },
+    [onOpenChange, openProp]
+  );
+  return [open, setOpen];
+}
+const SearchBarRoot = React.forwardRef((props, forwardedRef) => {
+  const {
+    asChild,
+    className,
+    compact = false,
+    defaultOpen = false,
+    onOpenChange,
+    open: openProp,
+    openOnShortcut = true,
+    radius,
+    size = "md",
+    variant = "default",
+    ...rootProps
+  } = extractProps(props, searchBarRootPropDefs);
+  const [open, setOpen] = useControllableSearchBarOpenState({
+    defaultOpen,
+    open: openProp,
+    onOpenChange
+  });
+  const toggleOpen = React.useCallback(() => setOpen(!open), [open, setOpen]);
+  const contextValue = React.useMemo(
+    () => ({ open, setOpen, toggleOpen }),
+    [open, setOpen, toggleOpen]
+  );
+  const Comp = asChild ? Slot : "div";
+  React.useEffect(() => {
+    if (!openOnShortcut || typeof window === "undefined") {
+      return void 0;
+    }
+    const handleKeyDown = (event) => {
+      if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === "k") {
+        event.preventDefault();
+        toggleOpen();
+      }
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, [openOnShortcut, toggleOpen]);
+  const styleContextValue = React.useMemo(
+    () => ({ size, variant, radius }),
+    [size, variant, radius]
+  );
+  return /* @__PURE__ */ jsx(SearchBarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(SearchBarStyleContext.Provider, { value: styleContextValue, children: /* @__PURE__ */ jsx(
+    Comp,
+    {
+      ...rootProps,
+      ref: forwardedRef,
+      className: cn("dsx-search-bar", compact && "dsx-search-bar--compact", className),
+      "data-radius": radius,
+      "data-size": size,
+      "data-variant": variant
+    }
+  ) }) });
+});
+SearchBarRoot.displayName = "SearchBar";
+const SearchBarTrigger = React.forwardRef(
+  (props, forwardedRef) => {
+    const { onClick, ...propsWithoutOnClick } = props;
+    const styleContext = React.useContext(SearchBarStyleContext);
+    const {
+      asChild,
+      children,
+      className,
+      shortcutLabel = "\u2318K",
+      showShortcut = true,
+      variant = SEARCH_BAR_VARIANT_TO_BUTTON_VARIANT[styleContext.variant],
+      size = styleContext.size,
+      radius = styleContext.radius,
+      ...triggerProps
+    } = extractProps(propsWithoutOnClick, searchBarTriggerPropDefs);
+    const { setOpen } = useSearchBarContext();
+    return /* @__PURE__ */ jsx(
+      Button,
+      {
+        ...triggerProps,
+        ref: forwardedRef,
+        asChild,
+        className: cn("dsx-search-bar__trigger", className),
+        leadingIcon: /* @__PURE__ */ jsx(Icon, { name: "search", size: "sm" }),
+        onClick: (event) => {
+          onClick?.(event);
+          if (!event.defaultPrevented) {
+            setOpen(true);
+          }
+        },
+        type: "button",
+        variant,
+        size,
+        radius,
+        children: /* @__PURE__ */ jsxs("span", { className: "dsx-search-bar__trigger-content", children: [
+          /* @__PURE__ */ jsx("span", { className: "dsx-search-bar__trigger-label", children: children ?? "Search..." }),
+          showShortcut ? /* @__PURE__ */ jsx(Kbd, { size: "sm", className: "dsx-search-bar__shortcut", children: shortcutLabel }) : null
+        ] })
+      }
+    );
+  }
+);
+SearchBarTrigger.displayName = "SearchBarTrigger";
+const SearchBarMenu = React.forwardRef((props, forwardedRef) => {
+  const {
+    children,
+    className,
+    contentClassName,
+    showClose = false,
+    size = "md",
+    title = "Search",
+    ...commandProps
+  } = extractProps(props, searchBarMenuPropDefs);
+  const { open, setOpen } = useSearchBarContext();
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxs(DialogContent, { className: cn("dsx-search-bar__menu", contentClassName), showClose, size, children: [
+    /* @__PURE__ */ jsx(VisuallyHidden, { asChild: true, children: /* @__PURE__ */ jsx(DialogTitle, { children: title }) }),
+    /* @__PURE__ */ jsx(React.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(Command, { ...commandProps, ref: forwardedRef, className: cn("dsx-search-bar__command", className), children }) })
+  ] }) });
+});
+SearchBarMenu.displayName = "SearchBarMenu";
+const SearchBar = Object.assign(SearchBarRoot, {
+  Trigger: SearchBarTrigger,
+  Menu: SearchBarMenu
+});
+export {
+  SearchBar,
+  SearchBarMenu,
+  SearchBarRoot,
+  SearchBarTrigger
+};
+//# sourceMappingURL=SearchBar.js.map

package/dist/components/searchBar/SearchBar.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/searchBar/SearchBar.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { cn } from '../../_internal/cn'\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { Button } from '../button/Button'\nimport { Icon } from '../icon/Icon'\nimport type { CommandProps } from '../command/Command'\nimport { Dialog, DialogContent, DialogTitle, type DialogSize } from '../dialog/Dialog'\nimport { Kbd } from '../kbd/Kbd'\nimport { VisuallyHidden } from '../visuallyHidden/VisuallyHidden'\nimport { searchBarMenuPropDefs, searchBarRootPropDefs, searchBarTriggerPropDefs } from './searchBar.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\nconst Command = React.lazy(() => import('../command/Command').then((mod) => ({ default: mod.Command })))\n\ntype SearchBarRootElement = React.ComponentRef<'div'>\ntype SearchBarTriggerElement = React.ComponentRef<typeof Button>\ntype SearchBarMenuElement = React.ComponentRef<'div'>\ntype SearchBarRootOwnProps = GetPropDefTypes<typeof searchBarRootPropDefs> & {\n  defaultOpen?: boolean\n  open?: boolean\n  onOpenChange?: (open: boolean) => void\n}\ntype SearchBarTriggerOwnProps = GetPropDefTypes<typeof searchBarTriggerPropDefs> & {\n  shortcutLabel?: React.ReactNode\n}\ntype SearchBarMenuOwnProps = GetPropDefTypes<typeof searchBarMenuPropDefs> & {\n  contentClassName?: string\n  size?: DialogSize\n}\n\ntype SearchBarContextValue = {\n  open: boolean\n  setOpen: (open: boolean) => void\n  toggleOpen: () => void\n}\n\nconst SearchBarContext = React.createContext<SearchBarContextValue | null>(null)\n\nfunction useSearchBarContext() {\n  const context = React.useContext(SearchBarContext)\n\n  if (!context) {\n    throw new Error('SearchBar components must be used within SearchBar.Root')\n  }\n\n  return context\n}\n\nconst SEARCH_BAR_VARIANT_TO_BUTTON_VARIANT = {\n  default: 'outline',\n  ghost: 'ghost',\n} as const\n\ntype SearchBarStyleContextValue = {\n  size: 'sm' | 'md' | 'lg'\n  variant: 'default' | 'ghost'\n  radius?: 'none' | 'sm' | 'md' | 'lg' | 'full'\n}\n\nconst SearchBarStyleContext = React.createContext<SearchBarStyleContextValue>({\n  size: 'md',\n  variant: 'default',\n  radius: undefined,\n})\n\nfunction useControllableSearchBarOpenState({\n  defaultOpen = false,\n  open: openProp,\n  onOpenChange,\n}: Pick<SearchBarRootOwnProps, 'defaultOpen' | 'open' | 'onOpenChange'>) {\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen)\n  const open = openProp ?? uncontrolledOpen\n\n  const setOpen = React.useCallback(\n    (nextOpen: boolean) => {\n      if (openProp === undefined) {\n        setUncontrolledOpen(nextOpen)\n      }\n\n      onOpenChange?.(nextOpen)\n    },\n    [onOpenChange, openProp],\n  )\n\n  return [open, setOpen] as const\n}\n\ninterface SearchBarRootProps extends React.ComponentPropsWithoutRef<'div'>, SearchBarRootOwnProps {}\n\ninterface SearchBarTriggerProps\n  extends Omit<React.ComponentPropsWithoutRef<typeof Button>, 'children'>,\n    SearchBarTriggerOwnProps {\n  children?: React.ReactNode\n}\n\ninterface SearchBarMenuProps extends CommandProps, SearchBarMenuOwnProps {}\n\nconst SearchBarRoot = React.forwardRef<SearchBarRootElement, SearchBarRootProps>((props, forwardedRef) => {\n  const {\n    asChild,\n    className,\n    compact = false,\n    defaultOpen = false,\n    onOpenChange,\n    open: openProp,\n    openOnShortcut = true,\n    radius,\n    size = 'md',\n    variant = 'default',\n    ...rootProps\n  } = extractProps(props, searchBarRootPropDefs)\n  const [open, setOpen] = useControllableSearchBarOpenState({\n    defaultOpen,\n    open: openProp,\n    onOpenChange,\n  })\n  const toggleOpen = React.useCallback(() => setOpen(!open), [open, setOpen])\n  const contextValue = React.useMemo(\n    () => ({ open, setOpen, toggleOpen }),\n    [open, setOpen, toggleOpen],\n  )\n  const Comp = asChild ? Slot : 'div'\n\n  React.useEffect(() => {\n    if (!openOnShortcut || typeof window === 'undefined') {\n      return undefined\n    }\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === 'k') {\n        event.preventDefault()\n        toggleOpen()\n      }\n    }\n\n    window.addEventListener('keydown', handleKeyDown)\n\n    return () => window.removeEventListener('keydown', handleKeyDown)\n  }, [openOnShortcut, toggleOpen])\n\n  const styleContextValue = React.useMemo(\n    () => ({ size, variant, radius }),\n    [size, variant, radius],\n  )\n\n  return (\n    <SearchBarContext.Provider value={contextValue}>\n      <SearchBarStyleContext.Provider value={styleContextValue}>\n        <Comp\n          {...rootProps}\n          ref={forwardedRef}\n          className={cn('dsx-search-bar', compact && 'dsx-search-bar--compact', className)}\n          data-radius={radius}\n          data-size={size}\n          data-variant={variant}\n        />\n      </SearchBarStyleContext.Provider>\n    </SearchBarContext.Provider>\n  )\n})\nSearchBarRoot.displayName = 'SearchBar'\n\nconst SearchBarTrigger = React.forwardRef<SearchBarTriggerElement, SearchBarTriggerProps>(\n  (props, forwardedRef) => {\n    const { onClick, ...propsWithoutOnClick } = props\n    const styleContext = React.useContext(SearchBarStyleContext)\n    const {\n      asChild,\n      children,\n      className,\n      shortcutLabel = '\u2318K',\n      showShortcut = true,\n      variant = SEARCH_BAR_VARIANT_TO_BUTTON_VARIANT[styleContext.variant],\n      size = styleContext.size,\n      radius = styleContext.radius,\n      ...triggerProps\n    } = extractProps(propsWithoutOnClick, searchBarTriggerPropDefs)\n    const { setOpen } = useSearchBarContext()\n\n    return (\n      <Button\n        {...triggerProps}\n        ref={forwardedRef}\n        asChild={asChild}\n        className={cn('dsx-search-bar__trigger', className)}\n        leadingIcon={<Icon name=\"search\" size=\"sm\" />}\n        onClick={(event) => {\n          onClick?.(event)\n\n          if (!event.defaultPrevented) {\n            setOpen(true)\n          }\n        }}\n        type=\"button\"\n        variant={variant}\n        size={size}\n        radius={radius}\n      >\n        <span className=\"dsx-search-bar__trigger-content\">\n          <span className=\"dsx-search-bar__trigger-label\">{children ?? 'Search...'}</span>\n          {showShortcut ? (\n            <Kbd size=\"sm\" className=\"dsx-search-bar__shortcut\">\n              {shortcutLabel}\n            </Kbd>\n          ) : null}\n        </span>\n      </Button>\n    )\n  },\n)\nSearchBarTrigger.displayName = 'SearchBarTrigger'\n\nconst SearchBarMenu = React.forwardRef<SearchBarMenuElement, SearchBarMenuProps>((props, forwardedRef) => {\n  const {\n    children,\n    className,\n    contentClassName,\n    showClose = false,\n    size = 'md',\n    title = 'Search',\n    ...commandProps\n  } = extractProps(props, searchBarMenuPropDefs)\n  const { open, setOpen } = useSearchBarContext()\n\n  return (\n    <Dialog open={open} onOpenChange={setOpen}>\n      <DialogContent className={cn('dsx-search-bar__menu', contentClassName)} showClose={showClose} size={size}>\n        <VisuallyHidden asChild>\n          <DialogTitle>{title}</DialogTitle>\n        </VisuallyHidden>\n        <React.Suspense fallback={null}>\n          <Command {...commandProps} ref={forwardedRef} className={cn('dsx-search-bar__command', className)}>\n            {children}\n          </Command>\n        </React.Suspense>\n      </DialogContent>\n    </Dialog>\n  )\n})\nSearchBarMenu.displayName = 'SearchBarMenu'\n\nconst SearchBar: typeof SearchBarRoot & {\n  Trigger: typeof SearchBarTrigger\n  Menu: typeof SearchBarMenu\n} = Object.assign(SearchBarRoot, {\n  Trigger: SearchBarTrigger,\n  Menu: SearchBarMenu,\n})\n\nexport { SearchBar, SearchBarMenu, SearchBarRoot, SearchBarTrigger }\nexport type { SearchBarMenuProps, SearchBarRootProps, SearchBarTriggerProps }\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/components/searchBar/searchBar.props.cjs

@@ -0,0 +1,73 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var searchBar_props_exports = {};
+__export(searchBar_props_exports, {
+  searchBarMenuPropDefs: () => searchBarMenuPropDefs,
+  searchBarRootPropDefs: () => searchBarRootPropDefs,
+  searchBarTriggerPropDefs: () => searchBarTriggerPropDefs
+});
+module.exports = __toCommonJS(searchBar_props_exports);
+var import_asChild = require("../../_internal/props/asChild.prop");
+const searchBarVariants = ["default", "ghost"];
+const searchBarSizes = ["sm", "md", "lg"];
+const searchBarRadiusValues = ["none", "sm", "md", "lg", "full"];
+const searchBarRootPropDefs = {
+  ...import_asChild.asChildPropDef,
+  compact: {
+    type: "boolean",
+    default: false
+  },
+  openOnShortcut: {
+    type: "boolean",
+    default: true
+  },
+  variant: {
+    type: "enum",
+    values: searchBarVariants,
+    default: "default"
+  },
+  size: {
+    type: "enum",
+    values: searchBarSizes,
+    default: "md"
+  },
+  radius: {
+    type: "enum",
+    values: searchBarRadiusValues,
+    default: void 0
+  }
+};
+const searchBarTriggerPropDefs = {
+  ...import_asChild.asChildPropDef,
+  showShortcut: {
+    type: "boolean",
+    default: true
+  }
+};
+const searchBarMenuPropDefs = {
+  showClose: {
+    type: "boolean",
+    default: false
+  },
+  title: {
+    type: "string",
+    default: "Search"
+  }
+};
+//# sourceMappingURL=searchBar.props.cjs.map

package/dist/components/searchBar/searchBar.props.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/searchBar/searchBar.props.ts"],
+  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst searchBarVariants = ['default', 'ghost'] as const\nconst searchBarSizes = ['sm', 'md', 'lg'] as const\nconst searchBarRadiusValues = ['none', 'sm', 'md', 'lg', 'full'] as const\n\nconst searchBarRootPropDefs = {\n  ...asChildPropDef,\n  compact: {\n    type: 'boolean',\n    default: false,\n  },\n  openOnShortcut: {\n    type: 'boolean',\n    default: true,\n  },\n  variant: {\n    type: 'enum',\n    values: searchBarVariants,\n    default: 'default',\n  },\n  size: {\n    type: 'enum',\n    values: searchBarSizes,\n    default: 'md',\n  },\n  radius: {\n    type: 'enum',\n    values: searchBarRadiusValues,\n    default: undefined,\n  },\n} satisfies {\n  asChild: PropDef\n  compact: PropDef\n  openOnShortcut: PropDef\n  variant: PropDef<(typeof searchBarVariants)[number]>\n  size: PropDef<(typeof searchBarSizes)[number]>\n  radius: PropDef<(typeof searchBarRadiusValues)[number]>\n}\n\nconst searchBarTriggerPropDefs = {\n  ...asChildPropDef,\n  showShortcut: {\n    type: 'boolean',\n    default: true,\n  },\n} satisfies {\n  asChild: PropDef\n  showShortcut: PropDef\n}\n\nconst searchBarMenuPropDefs = {\n  showClose: {\n    type: 'boolean',\n    default: false,\n  },\n  title: {\n    type: 'string',\n    default: 'Search',\n  },\n} satisfies {\n  showClose: PropDef\n  title: PropDef\n}\n\nexport { searchBarMenuPropDefs, searchBarRootPropDefs, searchBarTriggerPropDefs }\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA+B;AAI/B,MAAM,oBAAoB,CAAC,WAAW,OAAO;AAC7C,MAAM,iBAAiB,CAAC,MAAM,MAAM,IAAI;AACxC,MAAM,wBAAwB,CAAC,QAAQ,MAAM,MAAM,MAAM,MAAM;AAE/D,MAAM,wBAAwB;AAAA,EAC5B,GAAG;AAAA,EACH,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,gBAAgB;AAAA,IACd,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;AASA,MAAM,2BAA2B;AAAA,EAC/B,GAAG;AAAA,EACH,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF;AAKA,MAAM,wBAAwB;AAAA,EAC5B,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF;",
+  "names": []
+}

package/dist/components/searchBar/searchBar.props.d.cts

@@ -0,0 +1,51 @@
+declare const searchBarRootPropDefs: {
+    compact: {
+        type: "boolean";
+        default: false;
+    };
+    openOnShortcut: {
+        type: "boolean";
+        default: true;
+    };
+    variant: {
+        type: "enum";
+        values: readonly ["default", "ghost"];
+        default: "default";
+    };
+    size: {
+        type: "enum";
+        values: readonly ["sm", "md", "lg"];
+        default: "md";
+    };
+    radius: {
+        type: "enum";
+        values: readonly ["none", "sm", "md", "lg", "full"];
+        default: undefined;
+    };
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+declare const searchBarTriggerPropDefs: {
+    showShortcut: {
+        type: "boolean";
+        default: true;
+    };
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+declare const searchBarMenuPropDefs: {
+    showClose: {
+        type: "boolean";
+        default: false;
+    };
+    title: {
+        type: "string";
+        default: string;
+    };
+};
+export { searchBarMenuPropDefs, searchBarRootPropDefs, searchBarTriggerPropDefs };
+//# sourceMappingURL=searchBar.props.d.cts.map

package/dist/components/searchBar/searchBar.props.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"searchBar.props.d.cts","sourceRoot":"","sources":["../../../src/components/searchBar/searchBar.props.ts"],"names":[],"mappings":"AAQA,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgC1B,CAAA;AAED,QAAA,MAAM,wBAAwB;;;;;;;;;CAS7B,CAAA;AAED,QAAA,MAAM,qBAAqB;;;;;;;;;CAY1B,CAAA;AAED,OAAO,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,CAAA"}

package/dist/components/searchBar/searchBar.props.d.mts

@@ -0,0 +1,51 @@
+declare const searchBarRootPropDefs: {
+    compact: {
+        type: "boolean";
+        default: false;
+    };
+    openOnShortcut: {
+        type: "boolean";
+        default: true;
+    };
+    variant: {
+        type: "enum";
+        values: readonly ["default", "ghost"];
+        default: "default";
+    };
+    size: {
+        type: "enum";
+        values: readonly ["sm", "md", "lg"];
+        default: "md";
+    };
+    radius: {
+        type: "enum";
+        values: readonly ["none", "sm", "md", "lg", "full"];
+        default: undefined;
+    };
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+declare const searchBarTriggerPropDefs: {
+    showShortcut: {
+        type: "boolean";
+        default: true;
+    };
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+declare const searchBarMenuPropDefs: {
+    showClose: {
+        type: "boolean";
+        default: false;
+    };
+    title: {
+        type: "string";
+        default: string;
+    };
+};
+export { searchBarMenuPropDefs, searchBarRootPropDefs, searchBarTriggerPropDefs };
+//# sourceMappingURL=searchBar.props.d.mts.map

package/dist/components/searchBar/searchBar.props.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"searchBar.props.d.mts","sourceRoot":"","sources":["../../../src/components/searchBar/searchBar.props.ts"],"names":[],"mappings":"AAQA,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgC1B,CAAA;AAED,QAAA,MAAM,wBAAwB;;;;;;;;;CAS7B,CAAA;AAED,QAAA,MAAM,qBAAqB;;;;;;;;;CAY1B,CAAA;AAED,OAAO,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,CAAA"}

package/dist/components/searchBar/searchBar.props.d.ts

@@ -0,0 +1,51 @@
+declare const searchBarRootPropDefs: {
+    compact: {
+        type: "boolean";
+        default: false;
+    };
+    openOnShortcut: {
+        type: "boolean";
+        default: true;
+    };
+    variant: {
+        type: "enum";
+        values: readonly ["default", "ghost"];
+        default: "default";
+    };
+    size: {
+        type: "enum";
+        values: readonly ["sm", "md", "lg"];
+        default: "md";
+    };
+    radius: {
+        type: "enum";
+        values: readonly ["none", "sm", "md", "lg", "full"];
+        default: undefined;
+    };
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+declare const searchBarTriggerPropDefs: {
+    showShortcut: {
+        type: "boolean";
+        default: true;
+    };
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+declare const searchBarMenuPropDefs: {
+    showClose: {
+        type: "boolean";
+        default: false;
+    };
+    title: {
+        type: "string";
+        default: string;
+    };
+};
+export { searchBarMenuPropDefs, searchBarRootPropDefs, searchBarTriggerPropDefs };
+//# sourceMappingURL=searchBar.props.d.ts.map

package/dist/components/searchBar/searchBar.props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"searchBar.props.d.ts","sourceRoot":"","sources":["../../../src/components/searchBar/searchBar.props.ts"],"names":[],"mappings":"AAQA,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgC1B,CAAA;AAED,QAAA,MAAM,wBAAwB;;;;;;;;;CAS7B,CAAA;AAED,QAAA,MAAM,qBAAqB;;;;;;;;;CAY1B,CAAA;AAED,OAAO,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,CAAA"}

package/dist/components/searchBar/searchBar.props.js

@@ -0,0 +1,53 @@
+import { asChildPropDef } from "../../_internal/props/asChild.prop.js";
+const searchBarVariants = ["default", "ghost"];
+const searchBarSizes = ["sm", "md", "lg"];
+const searchBarRadiusValues = ["none", "sm", "md", "lg", "full"];
+const searchBarRootPropDefs = {
+  ...asChildPropDef,
+  compact: {
+    type: "boolean",
+    default: false
+  },
+  openOnShortcut: {
+    type: "boolean",
+    default: true
+  },
+  variant: {
+    type: "enum",
+    values: searchBarVariants,
+    default: "default"
+  },
+  size: {
+    type: "enum",
+    values: searchBarSizes,
+    default: "md"
+  },
+  radius: {
+    type: "enum",
+    values: searchBarRadiusValues,
+    default: void 0
+  }
+};
+const searchBarTriggerPropDefs = {
+  ...asChildPropDef,
+  showShortcut: {
+    type: "boolean",
+    default: true
+  }
+};
+const searchBarMenuPropDefs = {
+  showClose: {
+    type: "boolean",
+    default: false
+  },
+  title: {
+    type: "string",
+    default: "Search"
+  }
+};
+export {
+  searchBarMenuPropDefs,
+  searchBarRootPropDefs,
+  searchBarTriggerPropDefs
+};
+//# sourceMappingURL=searchBar.props.js.map

package/dist/components/searchBar/searchBar.props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/searchBar/searchBar.props.ts"],
+  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst searchBarVariants = ['default', 'ghost'] as const\nconst searchBarSizes = ['sm', 'md', 'lg'] as const\nconst searchBarRadiusValues = ['none', 'sm', 'md', 'lg', 'full'] as const\n\nconst searchBarRootPropDefs = {\n  ...asChildPropDef,\n  compact: {\n    type: 'boolean',\n    default: false,\n  },\n  openOnShortcut: {\n    type: 'boolean',\n    default: true,\n  },\n  variant: {\n    type: 'enum',\n    values: searchBarVariants,\n    default: 'default',\n  },\n  size: {\n    type: 'enum',\n    values: searchBarSizes,\n    default: 'md',\n  },\n  radius: {\n    type: 'enum',\n    values: searchBarRadiusValues,\n    default: undefined,\n  },\n} satisfies {\n  asChild: PropDef\n  compact: PropDef\n  openOnShortcut: PropDef\n  variant: PropDef<(typeof searchBarVariants)[number]>\n  size: PropDef<(typeof searchBarSizes)[number]>\n  radius: PropDef<(typeof searchBarRadiusValues)[number]>\n}\n\nconst searchBarTriggerPropDefs = {\n  ...asChildPropDef,\n  showShortcut: {\n    type: 'boolean',\n    default: true,\n  },\n} satisfies {\n  asChild: PropDef\n  showShortcut: PropDef\n}\n\nconst searchBarMenuPropDefs = {\n  showClose: {\n    type: 'boolean',\n    default: false,\n  },\n  title: {\n    type: 'string',\n    default: 'Search',\n  },\n} satisfies {\n  showClose: PropDef\n  title: PropDef\n}\n\nexport { searchBarMenuPropDefs, searchBarRootPropDefs, searchBarTriggerPropDefs }\n"],
+  "mappings": "AAAA,SAAS,sBAAsB;AAI/B,MAAM,oBAAoB,CAAC,WAAW,OAAO;AAC7C,MAAM,iBAAiB,CAAC,MAAM,MAAM,IAAI;AACxC,MAAM,wBAAwB,CAAC,QAAQ,MAAM,MAAM,MAAM,MAAM;AAE/D,MAAM,wBAAwB;AAAA,EAC5B,GAAG;AAAA,EACH,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,gBAAgB;AAAA,IACd,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;AASA,MAAM,2BAA2B;AAAA,EAC/B,GAAG;AAAA,EACH,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF;AAKA,MAAM,wBAAwB;AAAA,EAC5B,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF;",
+  "names": []
+}

package/dist/components/section/Section.cjs

@@ -0,0 +1,45 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Section_exports = {};
+__export(Section_exports, {
+  Section: () => Section
+});
+module.exports = __toCommonJS(Section_exports);
+var React = __toESM(require("react"), 1);
+var import_classnames = __toESM(require("classnames"), 1);
+var import_Slot = require("../slot/Slot");
+var import_layout = require("../../layout/layout.props");
+var import_jsx_runtime = require("react/jsx-runtime");
+const Section = React.forwardRef(function Section2({ as, asChild = false, className, size, ...props }, ref) {
+  const Component = asChild ? import_Slot.Slot : as ?? "section";
+  const resolvedProps = (0, import_layout.extractLayoutProps)({ size, ...props }, import_layout.BOX_PROP_DEFS, import_layout.SECTION_PROP_DEFS);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { ...resolvedProps, ref, className: (0, import_classnames.default)("dsx-box", "dsx-section", resolvedProps.className, className), "data-size": typeof size === "string" ? size : void 0 });
+});
+Section.displayName = "Section";
+//# sourceMappingURL=Section.cjs.map

package/dist/components/section/Section.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/section/Section.tsx"],
+  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\n\nimport { Slot } from '../slot/Slot'\nimport {\n  BOX_PROP_DEFS,\n  SECTION_PROP_DEFS,\n  extractLayoutProps,\n  type BoxStyleProps,\n  type SectionStyleProps,\n} from '../../layout/layout.props'\n\nexport type SectionProps = React.HTMLAttributes<HTMLElement> & BoxStyleProps & SectionStyleProps & {\n  as?: React.ElementType\n  asChild?: boolean\n}\n\nexport const Section = React.forwardRef<HTMLElement, SectionProps>(function Section(\n  { as, asChild = false, className, size, ...props },\n  ref,\n) {\n  const Component = asChild ? Slot : (as ?? 'section')\n  const resolvedProps = extractLayoutProps({ size, ...props }, BOX_PROP_DEFS, SECTION_PROP_DEFS)\n\n  return <Component {...resolvedProps} ref={ref as never} className={classNames('dsx-box', 'dsx-section', resolvedProps.className, className)} data-size={typeof size === 'string' ? size : undefined} />\n})\n\nSection.displayName = 'Section'\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,wBAAuB;AAEvB,kBAAqB;AACrB,oBAMO;AAcE;AAPF,MAAM,UAAU,MAAM,WAAsC,SAASA,SAC1E,EAAE,IAAI,UAAU,OAAO,WAAW,MAAM,GAAG,MAAM,GACjD,KACA;AACA,QAAM,YAAY,UAAU,mBAAQ,MAAM;AAC1C,QAAM,oBAAgB,kCAAmB,EAAE,MAAM,GAAG,MAAM,GAAG,6BAAe,+BAAiB;AAE7F,SAAO,4CAAC,aAAW,GAAG,eAAe,KAAmB,eAAW,kBAAAC,SAAW,WAAW,eAAe,cAAc,WAAW,SAAS,GAAG,aAAW,OAAO,SAAS,WAAW,OAAO,QAAW;AACvM,CAAC;AAED,QAAQ,cAAc;",
+  "names": ["Section", "classNames"]
+}