ics-ui-kit 0.1.3 → 0.1.5

package/dist/components/glass-toolbar/GlassToolbar.d.ts

@@ -0,0 +1,51 @@
+import { default as React } from 'react';
+import { Icon } from '../icon';
+import { LucideIcon } from 'lucide-react';
+import { IconVariants } from '../icon/Icon';
+import * as ToolbarPrimitive from "@radix-ui/react-toolbar";
+export type GlassToolbarProps = React.ComponentPropsWithoutRef<typeof ToolbarPrimitive.Root>;
+export declare const GlassToolbar: React.ForwardRefExoticComponent<Omit<ToolbarPrimitive.ToolbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export type GlassToolbarButtonProps = React.ComponentPropsWithoutRef<typeof ToolbarPrimitive.ToolbarButton>;
+export declare const GlassToolbarButton: React.ForwardRefExoticComponent<Omit<ToolbarPrimitive.ToolbarButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export type GlassToolbarIconProps = React.ComponentPropsWithoutRef<typeof Icon>;
+export declare const GlassToolbarIcon: React.ForwardRefExoticComponent<Omit< IconVariants & {
+    icon: LucideIcon;
+    className?: string;
+} & React.RefAttributes<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export type GlassToolbarTextProps = React.HTMLAttributes<HTMLDivElement>;
+export declare const GlassToolbarText: React.ForwardRefExoticComponent<GlassToolbarTextProps & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export type GlassToolbarSubTriggerProps = Omit<React.ComponentPropsWithoutRef<typeof Icon>, "icon"> & {
+    icon?: LucideIcon;
+};
+export declare const GlassToolbarSubTrigger: React.ForwardRefExoticComponent<Omit<Omit< IconVariants & {
+    icon: LucideIcon;
+    className?: string;
+} & React.RefAttributes<SVGSVGElement>, "ref">, "icon"> & {
+    icon?: LucideIcon;
+} & React.RefAttributes<SVGSVGElement>>;
+export type GlassToolbarToggleGroupProps = React.ComponentPropsWithoutRef<typeof ToolbarPrimitive.ToggleGroup>;
+export declare const GlassToolbarToggleGroup: React.ForwardRefExoticComponent<GlassToolbarToggleGroupProps & React.RefAttributes<HTMLDivElement>>;
+export type GlassToolbarToggleItemProps = React.ComponentPropsWithoutRef<typeof ToolbarPrimitive.ToolbarToggleItem> & {
+    children: React.ReactNode;
+};
+export declare const GlassToolbarToggleItem: React.ForwardRefExoticComponent<Omit<ToolbarPrimitive.ToolbarToggleItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+    children: React.ReactNode;
+} & React.RefAttributes<HTMLButtonElement>>;
+export type GlassToolbarSeparatorProps = React.HTMLAttributes<HTMLDivElement>;
+export declare const GlassToolbarSeparator: React.ForwardRefExoticComponent<GlassToolbarSeparatorProps & React.RefAttributes<HTMLDivElement>>;
+export type GlassToolbarTriggerProps = GlassToolbarButtonProps & {
+    "data-state"?: "open" | "closed";
+};
+export declare const GlassToolbarTrigger: React.ForwardRefExoticComponent<Omit<ToolbarPrimitive.ToolbarButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+    "data-state"?: "open" | "closed";
+} & React.RefAttributes<HTMLButtonElement>>;
+export type GlassToolbarTriggerChevronProps = GlassToolbarTriggerProps & {
+    sub?: boolean;
+};
+export declare const GlassToolbarTriggerChevron: React.ForwardRefExoticComponent<Omit<ToolbarPrimitive.ToolbarButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+    "data-state"?: "open" | "closed";
+} & {
+    sub?: boolean;
+} & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/glass-toolbar/GlassToolbar.stories.d.ts

@@ -0,0 +1,14 @@
+import { StoryObj } from '@storybook/react';
+import { GlassToolbar } from './GlassToolbar';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import { ToolbarProps } from '@radix-ui/react-toolbar';
+declare const meta: {
+    component: ForwardRefExoticComponent<Omit< ToolbarProps & RefAttributes<HTMLDivElement>, "ref"> & RefAttributes<HTMLDivElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof GlassToolbar>;
+export declare const Default: Story;

package/dist/components/glass-toolbar/index.d.ts

@@ -0,0 +1,2 @@
+export { GlassToolbar, GlassToolbarButton, GlassToolbarIcon, GlassToolbarText, GlassToolbarSubTrigger, GlassToolbarToggleGroup, GlassToolbarToggleItem, GlassToolbarSeparator, GlassToolbarTrigger, GlassToolbarTriggerChevron } from './GlassToolbar';
+export type { GlassToolbarProps, GlassToolbarButtonProps, GlassToolbarIconProps, GlassToolbarTextProps, GlassToolbarSubTriggerProps, GlassToolbarToggleGroupProps, GlassToolbarToggleItemProps, GlassToolbarSeparatorProps, GlassToolbarTriggerProps, GlassToolbarTriggerChevronProps } from './GlassToolbar';

package/dist/components/glass-toolbar.d.ts

@@ -0,0 +1,2 @@
+export * from './glass-toolbar/index'
+export {}

package/dist/components/glass-toolbar.js

@@ -0,0 +1,99 @@
+import { jsx as r, jsxs as m } from "react/jsx-runtime";
+import { R as f, T as y, a as b, b as u, c as N } from "../index-BDrapWDv.js";
+import e from "react";
+import { T as l } from "../index-BVqs-uqP.js";
+import { D as G } from "../Divider-DPW5ZhZ8.js";
+import { I as g } from "../Icon-DH3ev9GK.js";
+import { C as w } from "../chevron-down-CAOItu8X.js";
+const x = l({
+  base: "backdrop-glass-thin flex items-center gap-1 overflow-x-auto rounded-full bg-alpha-50 p-1.5 shadow-glass-sm [scrollbar-width:none]"
+}), h = e.forwardRef(
+  ({ className: a, ...s }, o) => /* @__PURE__ */ r(f, { ref: o, className: x({ className: a }), ...s })
+);
+h.displayName = "GlassToolbar";
+const c = l({
+  base: "group inline-flex items-center justify-center gap-1.5 rounded-full p-2 text-primary-fg hover:bg-secondary-border focus-visible:shadow-focus focus-visible:outline-none"
+}), p = e.forwardRef(({ className: a, ...s }, o) => /* @__PURE__ */ r(y, { ref: o, className: c({ className: a }), ...s }));
+p.displayName = "GlassToolbarButton";
+const S = l({
+  base: "h-4 w-4 text-primary-fg"
+}), v = e.forwardRef(
+  ({ className: a, ...s }, o) => /* @__PURE__ */ r(g, { ref: o, className: S({ className: a }), ...s })
+);
+v.displayName = "GlassToolbarIcon";
+const R = l({
+  base: "text-base leading-none text-primary-fg"
+}), I = e.forwardRef(
+  ({ className: a, ...s }, o) => /* @__PURE__ */ r("div", { ref: o, className: R({ className: a }), ...s })
+);
+I.displayName = "GlassToolbarText";
+const C = l({
+  slots: {
+    base: "text-primary-fg",
+    icon: "h-2 w-2 stroke-[3px]"
+  }
+}), T = e.forwardRef(
+  ({ className: a, icon: s, ...o }, t) => {
+    const n = C();
+    return /* @__PURE__ */ r("span", { className: n.base({ className: a }), children: /* @__PURE__ */ r(g, { icon: s || w, ref: t, className: n.icon(), ...o }) });
+  }
+);
+T.displayName = "GlassToolbarSubTrigger";
+const k = l({
+  base: "flex items-center gap-0.5"
+}), B = e.forwardRef(({ className: a, ...s }, o) => /* @__PURE__ */ r(b, { ref: o, className: k({ className: a }), ...s }));
+B.displayName = b.displayName;
+const j = l({
+  extend: c,
+  base: "disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-primary-border"
+}), D = e.forwardRef(({ className: a, children: s, ...o }, t) => /* @__PURE__ */ r(u, { ref: t, className: j({ className: a }), ...o, children: s }));
+D.displayName = "GlassToolbarToggleItem";
+const _ = l({
+  base: "h-5 w-px bg-primary-border"
+}), q = e.forwardRef(
+  ({ className: a, ...s }, o) => /* @__PURE__ */ r(N, { asChild: !0, "data-orientation": "vertical", children: /* @__PURE__ */ r(
+    G,
+    {
+      ref: o,
+      orientation: "vertical",
+      className: _({ className: a }),
+      ...s
+    }
+  ) })
+);
+q.displayName = "GlassToolbarSeparator";
+const z = l({
+  base: "data-[state=open]:bg-primary-border"
+}), d = e.forwardRef(({ className: a, children: s, ...o }, t) => /* @__PURE__ */ r(p, { ref: t, "data-stick-left": !0, className: z({ className: a }), ...o, children: s }));
+d.displayName = "GlassToolbarTrigger";
+const A = l({
+  slots: {
+    wrapper: "",
+    subtrigger: "py-0.5"
+  },
+  variants: {
+    sub: {
+      true: { wrapper: "-ml-0.5 px-0.5 py-2" }
+    }
+  }
+}), E = e.forwardRef(({ className: a, children: s, sub: o, ...t }, n) => {
+  const i = A();
+  return /* @__PURE__ */ m(d, { ref: n, "data-stick-left": !0, className: i.wrapper({ className: a, sub: o }), ...t, children: [
+    s,
+    /* @__PURE__ */ r(T, { className: i.subtrigger() })
+  ] });
+});
+E.displayName = "GlassToolbarTriggerChevron";
+export {
+  h as GlassToolbar,
+  p as GlassToolbarButton,
+  v as GlassToolbarIcon,
+  q as GlassToolbarSeparator,
+  T as GlassToolbarSubTrigger,
+  I as GlassToolbarText,
+  B as GlassToolbarToggleGroup,
+  D as GlassToolbarToggleItem,
+  d as GlassToolbarTrigger,
+  E as GlassToolbarTriggerChevron
+};
+//# sourceMappingURL=glass-toolbar.js.map

package/dist/components/glass-toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"glass-toolbar.js","sources":["../../src/components/glass-toolbar/GlassToolbar.tsx"],"sourcesContent":["import * as ToolbarPrimitive from \"@radix-ui/react-toolbar\";\nimport React, { PropsWithChildren } from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport { Divider } from \"../divider/Divider\";\nimport { Icon } from \"../icon\";\nimport { ChevronDown, LucideIcon } from \"lucide-react\";\n\nconst glassToolbarStyles = tv({\n\tbase: \"backdrop-glass-thin flex items-center gap-1 overflow-x-auto rounded-full bg-alpha-50 p-1.5 shadow-glass-sm [scrollbar-width:none]\"\n});\n\nexport type GlassToolbarProps = React.ComponentPropsWithoutRef<typeof ToolbarPrimitive.Root>;\n\nexport const GlassToolbar = React.forwardRef<React.ElementRef<typeof ToolbarPrimitive.Root>, GlassToolbarProps>(\n\t({ className, ...props }, ref) => {\n\t\treturn <ToolbarPrimitive.Root ref={ref} className={glassToolbarStyles({ className })} {...props} />;\n\t}\n);\n\nGlassToolbar.displayName = \"GlassToolbar\";\n\nconst glassToolbarButtonStyles = tv({\n\tbase: \"group inline-flex items-center justify-center gap-1.5 rounded-full p-2 text-primary-fg hover:bg-secondary-border focus-visible:shadow-focus focus-visible:outline-none\"\n});\n\nexport type GlassToolbarButtonProps = React.ComponentPropsWithoutRef<typeof ToolbarPrimitive.ToolbarButton>;\n\nexport const GlassToolbarButton = React.forwardRef<\n\tReact.ElementRef<typeof ToolbarPrimitive.ToolbarButton>,\n\tGlassToolbarButtonProps\n>(({ className, ...props }, ref) => (\n\t<ToolbarPrimitive.ToolbarButton ref={ref} className={glassToolbarButtonStyles({ className })} {...props} />\n));\n\nGlassToolbarButton.displayName = \"GlassToolbarButton\";\n\nconst glassToolbarIconStyles = tv({\n\tbase: \"h-4 w-4 text-primary-fg\"\n});\n\nexport type GlassToolbarIconProps = React.ComponentPropsWithoutRef<typeof Icon>;\n\nexport const GlassToolbarIcon = React.forwardRef<React.ElementRef<typeof Icon>, GlassToolbarIconProps>(\n\t({ className, ...props }, ref) => <Icon ref={ref} className={glassToolbarIconStyles({ className })} {...props} />\n);\n\nGlassToolbarIcon.displayName = \"GlassToolbarIcon\";\n\nconst glassToolbarTextStyles = tv({\n\tbase: \"text-base leading-none text-primary-fg\"\n});\n\nexport type GlassToolbarTextProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const GlassToolbarText = React.forwardRef<HTMLDivElement, PropsWithChildren<GlassToolbarTextProps>>(\n\t({ className, ...props }, ref) => <div ref={ref} className={glassToolbarTextStyles({ className })} {...props} />\n);\n\nGlassToolbarText.displayName = \"GlassToolbarText\";\n\nconst glassToolbarSubTriggerStyles = tv({\n\tslots: {\n\t\tbase: \"text-primary-fg\",\n\t\ticon: \"h-2 w-2 stroke-[3px]\"\n\t}\n});\n\nexport type GlassToolbarSubTriggerProps = Omit<React.ComponentPropsWithoutRef<typeof Icon>, \"icon\"> & {\n\ticon?: LucideIcon;\n};\n\nexport const GlassToolbarSubTrigger = React.forwardRef<React.ElementRef<typeof Icon>, GlassToolbarSubTriggerProps>(\n\t({ className, icon, ...props }, ref) => {\n\t\tconst styles = glassToolbarSubTriggerStyles();\n\t\treturn (\n\t\t\t<span className={styles.base({ className })}>\n\t\t\t\t<Icon icon={icon || ChevronDown} ref={ref} className={styles.icon()} {...props} />\n\t\t\t</span>\n\t\t);\n\t}\n);\n\nGlassToolbarSubTrigger.displayName = \"GlassToolbarSubTrigger\";\n\nconst glassToolbarToggleGroupStyles = tv({\n\tbase: \"flex items-center gap-0.5\"\n});\n\nexport type GlassToolbarToggleGroupProps = React.ComponentPropsWithoutRef<typeof ToolbarPrimitive.ToggleGroup>;\n\nexport const GlassToolbarToggleGroup = React.forwardRef<\n\tReact.ElementRef<typeof ToolbarPrimitive.ToggleGroup>,\n\tGlassToolbarToggleGroupProps\n>(({ className, ...props }, ref) => (\n\t<ToolbarPrimitive.ToggleGroup ref={ref} className={glassToolbarToggleGroupStyles({ className })} {...props} />\n));\n\nGlassToolbarToggleGroup.displayName = ToolbarPrimitive.ToggleGroup.displayName;\n\nconst glassToolbarToggleStyles = tv({\n\textend: glassToolbarButtonStyles,\n\tbase: \"disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-primary-border\"\n});\n\nexport type GlassToolbarToggleItemProps = React.ComponentPropsWithoutRef<typeof ToolbarPrimitive.ToolbarToggleItem> & {\n\tchildren: React.ReactNode;\n};\n\nexport const GlassToolbarToggleItem = React.forwardRef<\n\tReact.ElementRef<typeof ToolbarPrimitive.ToolbarToggleItem>,\n\tGlassToolbarToggleItemProps\n>(({ className, children, ...props }, ref) => (\n\t<ToolbarPrimitive.ToolbarToggleItem ref={ref} className={glassToolbarToggleStyles({ className })} {...props}>\n\t\t{children}\n\t</ToolbarPrimitive.ToolbarToggleItem>\n));\n\nGlassToolbarToggleItem.displayName = \"GlassToolbarToggleItem\";\n\nconst glassToolbarSeparatorStyles = tv({\n\tbase: \"h-5 w-px bg-primary-border\"\n});\n\nexport type GlassToolbarSeparatorProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const GlassToolbarSeparator = React.forwardRef<React.ElementRef<typeof Divider>, GlassToolbarSeparatorProps>(\n\t({ className, ...props }, ref) => (\n\t\t<ToolbarPrimitive.ToolbarSeparator asChild data-orientation=\"vertical\">\n\t\t\t<Divider\n\t\t\t\tref={ref}\n\t\t\t\torientation=\"vertical\"\n\t\t\t\tclassName={glassToolbarSeparatorStyles({ className })}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t</ToolbarPrimitive.ToolbarSeparator>\n\t)\n);\n\nGlassToolbarSeparator.displayName = \"GlassToolbarSeparator\";\n\nconst glassToolbarTriggerStyles = tv({\n\tbase: \"data-[state=open]:bg-primary-border\"\n});\n\nexport type GlassToolbarTriggerProps = GlassToolbarButtonProps & {\n\t\"data-state\"?: \"open\" | \"closed\";\n};\n\nexport const GlassToolbarTrigger = React.forwardRef<\n\tReact.ElementRef<typeof ToolbarPrimitive.ToolbarButton>,\n\tGlassToolbarTriggerProps\n>(({ className, children, ...props }, ref) => (\n\t<GlassToolbarButton ref={ref} data-stick-left className={glassToolbarTriggerStyles({ className })} {...props}>\n\t\t{children}\n\t</GlassToolbarButton>\n));\n\nGlassToolbarTrigger.displayName = \"GlassToolbarTrigger\";\n\nconst glassToolbarTriggerChevronStyles = tv({\n\tslots: {\n\t\twrapper: \"\",\n\t\tsubtrigger: \"py-0.5\"\n\t},\n\tvariants: {\n\t\tsub: {\n\t\t\ttrue: { wrapper: \"-ml-0.5 px-0.5 py-2\" }\n\t\t}\n\t}\n});\n\nexport type GlassToolbarTriggerChevronProps = GlassToolbarTriggerProps & {\n\tsub?: boolean;\n};\n\nexport const GlassToolbarTriggerChevron = React.forwardRef<\n\tReact.ElementRef<typeof ToolbarPrimitive.ToolbarButton>,\n\tGlassToolbarTriggerChevronProps\n>(({ className, children, sub, ...props }, ref) => {\n\tconst styles = glassToolbarTriggerChevronStyles();\n\n\treturn (\n\t\t<GlassToolbarTrigger ref={ref} data-stick-left className={styles.wrapper({ className, sub })} {...props}>\n\t\t\t{children}\n\t\t\t<GlassToolbarSubTrigger className={styles.subtrigger()} />\n\t\t</GlassToolbarTrigger>\n\t);\n});\n\nGlassToolbarTriggerChevron.displayName = \"GlassToolbarTriggerChevron\";\n"],"names":["glassToolbarStyles","tv","GlassToolbar","React","className","props","ref","jsx","ToolbarPrimitive.Root","glassToolbarButtonStyles","GlassToolbarButton","ToolbarPrimitive.ToolbarButton","glassToolbarIconStyles","GlassToolbarIcon","Icon","glassToolbarTextStyles","GlassToolbarText","glassToolbarSubTriggerStyles","GlassToolbarSubTrigger","icon","styles","ChevronDown","glassToolbarToggleGroupStyles","GlassToolbarToggleGroup","ToolbarPrimitive.ToggleGroup","glassToolbarToggleStyles","GlassToolbarToggleItem","children","ToolbarPrimitive.ToolbarToggleItem","glassToolbarSeparatorStyles","GlassToolbarSeparator","ToolbarPrimitive.ToolbarSeparator","Divider","glassToolbarTriggerStyles","GlassToolbarTrigger","glassToolbarTriggerChevronStyles","GlassToolbarTriggerChevron","sub","jsxs"],"mappings":"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"}

package/dist/components/resizable/Resizable.d.ts

@@ -18,6 +18,7 @@ export declare const ResizablePanel: ForwardRefExoticComponent<Omit< HTMLAttribu
 } & {
     children?: ReactNode | undefined;
 } & RefAttributes<ResizablePrimitive.ImperativePanelHandle>>;
+export declare const ResizableHandlePrimitive: typeof ResizablePrimitive.PanelResizeHandle;
 export declare const ResizableHandle: ({ withHandle, className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
     withHandle?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1 @@
-export { ResizablePanelGroup, ResizablePanel, ResizableHandle } from './Resizable';
+export { ResizablePanelGroup, ResizablePanel, ResizableHandle, ResizableHandlePrimitive } from './Resizable';