@new-black/lyra 0.1.12 → 0.1.14

package/dist/components/list-box/list-box.stories.d.ts

@@ -1,130 +0,0 @@
-import { Meta, StoryObj } from "@storybook/react";
-import { ListBox } from "./list-box";
-type Item = {
-    name: string;
-    id: string;
-    children?: Item[];
-};
-declare const meta: Meta;
-export default meta;
-type ListBoxStoryProps = StoryObj<typeof ListBox<Item>>;
-/**
- * ## CSS Variables
- * ```css
- * :root {
- *  --list-box-padding: theme(spacing[1]);
- *  --list-box-row-gap: theme(spacing[1]);
- *  --list-box-item-padding-y: theme(spacing[1]);
- *  --list-box-item-padding-start: theme(spacing[2]);
- *  --list-box-item-padding-end: theme(spacing[2]);
- *  --list-box-item-gap-x: theme(spacing[1]);
- *  --list-box-item-bg-color: theme(colors.transparent);
- *  --list-box-item-text-color: theme(colors.neutral.foreground-1);
- *  --list-box-item-text-size: theme(fontSize.base);
- *  --list-box-item-text-weight: theme(fontWeight.normal);
- *  --list-box-item-focused-bg-color: theme(colors.primary.DEFAULT);
- *  --list-box-item-focused-text-color: theme(colors.primary.foreground-2);
- *  --list-box-item-pressed-bg-color: theme(colors.primary.4);
- *  --list-box-item-pressed-text-color: theme(colors.primary.foreground-2);
- *  --list-box-item-selected-bg-color: var(--list-box-item-bg-color);
- *  --list-box-item-selected-text-color: var(--list-box-item-text-color);
- *  --list-box-item-hover-bg-color: theme(colors.neutral.2);
- *  --list-box-item-hover-text-color: theme(colors.neutral.foreground-1);
- *  --list-box-item-focused-hover-bg-color: theme(colors.primary.2);
- *  --list-box-item-focused-hover-text-color: theme(colors.primary.foreground-2);
- *  --list-box-header-padding-y: theme(padding[1]);
- *  --list-box-header-padding-x: theme(padding[2]);
- *  --list-box-header-text-color: theme(colors.neutral.foreground-1);
- *  --list-box-header-text-size: theme(fontSize.lg);
- *  --list-box-header-text-weight: theme(fontWeight.medium);
- * }
- * ```
- *
- * ## Usage
- *
- * ```tsx
- * const items: Item[] = [
- * { name: "Item 1", id: "item-1" },
- * { name: "Item 2", id: "item-2" },
- * { name: "Item 3", id: "item-3" },
- * { name: "Item 4", id: "item-4" },
- * ];
- *
- * const ListBoxExample = (args: ListBoxProps<Item>) => (
- * <ListBox{...args}>
- *  {(item) => <ListBoxItem textValue={item.id}>{item.name}</ListBoxItem>}
- * </ListBox>
- * );
- * ```
- *
- */
-export declare const Default: ListBoxStoryProps;
-/**
- *
- * ```tsx
- * type Item = {
- *   name: string;
- *  id: string;
- * }
- *
- * const ControlledTemplate = (args: ListBoxProps<Item>) => {
- *  const [selected, setSelected] = useState<Selection>(new Set(["item-1"]));
- *
- *  return (
- *      <ListBox {...args} selectedKeys={selected} onSelectionChange={setSelected}>
- *        {(item) => <ListBoxItem>{item.name}</ListBoxItem>}
- *      </ListBox>
- *  );
- * }
- * ```
- */
-export declare const Controlled: ListBoxStoryProps;
-/**
- *
- * ```tsx
- * const DisabledListBoxItemExample = (args: ListBoxProps<Item>) => {
- *  return (
- *      <ListBox{...args} disabledKeys={["item-2"]}>
- *        {(item) => <ListBoxItem>{item.name}</ListBoxItem>}
- *      </ListBox>
- *  );
- * }
- * ```
- */
-export declare const DisabledItems: ListBoxStoryProps;
-/**
- *
- * ```tsx
- * const MultiListBoxItemExample = (args: ListBoxProps<Item>) => {
- *  return (
- *      <ListBox {...args} selectionMode="multiple">
- *        {(item) => <ListBoxItem>{item.name}</ListBoxItem>}
- *      </ListBox>
- *  );
- * }
- * ```
- */
-export declare const MultiSelect: ListBoxStoryProps;
-/**
- *
- * ```tsx
- * const NestedListBoxItemExample = (args: ListBoxProps<Item>) => {
- *  return (
- *      <ListBox {...args}>
- *        {(item) => (
- *        <ListBoxSection>
- *          <ListBoxHeader>{item.name}</ListBox.Header>
- *         <Collection items={item.children}>
- *           {(child) => (
- *            <ListBoxItem textValue={child.id}>{child.name}</ListBox.Item>
- *            )}
- *          </Collection>
- *        </ListBoxSection>
- *    )}
- *      </ListBox>
- *  );
- * }
- * ```
- */
-export declare const Nested: ListBoxStoryProps;
-//# sourceMappingURL=list-box.stories.d.ts.map

package/dist/components/list-box/list-box.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"list-box.stories.d.ts","sourceRoot":"","sources":["../../../src/components/list-box/list-box.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIlD,OAAO,EAAE,OAAO,EAA4D,MAAM,YAAY,CAAC;AAE/F,KAAK,IAAI,GAAG;IACV,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC;CACnB,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,iBAAiB,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;AASxD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiDG;AACH,eAAO,MAAM,OAAO,EAAE,iBAiBrB,CAAC;AAeF;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,UAAU,EAAE,iBAaxB,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,aAAa,EAAE,iBAM3B,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,WAAW,EAAE,iBAMzB,CAAC;AAmCF;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,MAAM,EAAE,iBAiBpB,CAAC"}