ui-lab-registry 0.3.44 → 0.3.46

package/dist/components/Flex/examples/01-basic-flex.d.ts

@@ -1,6 +0,0 @@
-export declare const metadata: {
-    title: string;
-    description: string;
-};
-export default function Example(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=01-basic-flex.d.ts.map

package/dist/components/Flex/examples/01-basic-flex.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-basic-flex.d.ts","sourceRoot":"","sources":["../../../../src/components/Flex/examples/01-basic-flex.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,4CAQ9B"}

package/dist/components/Flex/examples/01-basic-flex.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Flex } from 'ui-lab-components';
-export const metadata = {
-    title: 'Basic Flex',
-    description: 'A simple flex layout arranging items in a row. Use this component to easily create flexible layouts with consistent spacing.'
-};
-export default function Example() {
-    return (_jsxs(Flex, { gap: "md", children: [_jsx("div", { className: "h-16 w-20 bg-background-800 rounded border border-accent-500/50 flex items-center justify-center", children: "1" }), _jsx("div", { className: "h-16 w-20 bg-background-800 rounded border border-accent-500/50 flex items-center justify-center", children: "2" }), _jsx("div", { className: "h-16 w-20 bg-background-800 rounded border border-accent-500/50 flex items-center justify-center", children: "3" })] }));
-}
-//# sourceMappingURL=01-basic-flex.js.map

package/dist/components/Flex/examples/01-basic-flex.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-basic-flex.js","sourceRoot":"","sources":["../../../../src/components/Flex/examples/01-basic-flex.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,YAAY;IACnB,WAAW,EAAE,8HAA8H;CAC5I,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,MAAC,IAAI,IAAC,GAAG,EAAC,IAAI,aACZ,cAAK,SAAS,EAAC,kGAAkG,kBAAQ,EACzH,cAAK,SAAS,EAAC,kGAAkG,kBAAQ,EACzH,cAAK,SAAS,EAAC,kGAAkG,kBAAQ,IACpH,CACR,CAAC;AACJ,CAAC"}

package/dist/components/Frame/examples/01-default-frame.d.ts

@@ -1,7 +0,0 @@
-export declare const metadata: {
-    title: string;
-    description: string;
-};
-declare const DefaultFrame: () => import("react/jsx-runtime").JSX.Element;
-export default DefaultFrame;
-//# sourceMappingURL=01-default-frame.d.ts.map

package/dist/components/Frame/examples/01-default-frame.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-default-frame.d.ts","sourceRoot":"","sources":["../../../../src/components/Frame/examples/01-default-frame.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAQF,QAAA,MAAM,YAAY,+CAmBjB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/Frame/examples/01-default-frame.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export const metadata = {
-    title: 'Featured Card Frame',
-    description: 'A card frame with a curved top cutout for featured images or hero content.'
-};
-import { Frame } from 'ui-lab-components';
-// The SVG path definition for the curve
-const LIQUID_WIDTH = 180;
-const LIQUID_PATH = "M 0 0 C 36 0 36 44 90 44 C 144 44 144 0 180 0";
-const DefaultFrame = () => {
-    return (_jsx("div", { className: "flex items-center justify-center min-h-[400px] bg-background-950", children: _jsx("div", { className: "relative w-full max-w-sm group", children: _jsx(Frame, { path: LIQUID_PATH, pathWidth: LIQUID_WIDTH, className: "text-background-700  bg-background-700/20 shadow-2xl backdrop-blur-sm", style: { color: "var(--background-700)" }, children: _jsx("div", { className: "w-100 h-50 flex flex-col h-full p-17 text-center" }) }) }) }));
-};
-export default DefaultFrame;
-//# sourceMappingURL=01-default-frame.js.map

package/dist/components/Frame/examples/01-default-frame.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-default-frame.js","sourceRoot":"","sources":["../../../../src/components/Frame/examples/01-default-frame.tsx"],"names":[],"mappings":";AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,qBAAqB;IAC5B,WAAW,EAAE,4EAA4E;CAC1F,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,wCAAwC;AACxC,MAAM,YAAY,GAAG,GAAG,CAAC;AACzB,MAAM,WAAW,GAAG,+CAA+C,CAAC;AAEpE,MAAM,YAAY,GAAG,GAAG,EAAE;IACxB,OAAO,CACL,cAAK,SAAS,EAAC,kEAAkE,YAC/E,cAAK,SAAS,EAAC,gCAAgC,YAG7C,KAAC,KAAK,IACJ,IAAI,EAAE,WAAW,EACjB,SAAS,EAAE,YAAY,EACvB,SAAS,EAAC,uEAAuE,EACjF,KAAK,EAAE,EAAE,KAAK,EAAE,uBAAuB,EAAE,YAGzC,cAAK,SAAS,EAAC,kDAAkD,GAC3D,GACA,GACJ,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/Frame/examples/02-tooltip-example.d.ts

@@ -1,7 +0,0 @@
-export declare const metadata: {
-    title: string;
-    description: string;
-};
-declare const Example2: () => import("react/jsx-runtime").JSX.Element;
-export default Example2;
-//# sourceMappingURL=02-tooltip-example.d.ts.map

package/dist/components/Frame/examples/02-tooltip-example.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"02-tooltip-example.d.ts","sourceRoot":"","sources":["../../../../src/components/Frame/examples/02-tooltip-example.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAQF,QAAA,MAAM,QAAQ,+CAqBb,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/Frame/examples/02-tooltip-example.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const metadata = {
-    title: 'Tooltip Frame',
-    description: 'A frame with a pointer tail on the bottom, typical for tooltips or popovers.'
-};
-import { Frame } from 'ui-lab-components';
-const TAIL_WIDTH = 48;
-const TAIL_PATH = "M 0 0 C 8 0 20 -16 24 -16 C 28 -16 36 0 48 0";
-const Example2 = () => {
-    return (_jsx("div", { className: "flex flex-col gap-12 p-12 items-center justify-center min-h-[400px] bg-background-950", children: _jsx(Frame, { side: "bottom", shapeMode: "extend", path: TAIL_PATH, pathWidth: TAIL_WIDTH, className: "max-w-sm border-background-700 p-6", style: { "--frame-fill": "var(--color-background-900)" }, children: _jsxs("div", { className: "text-center", children: [_jsx("h3", { className: "font-semibold text-lg mb-2 text-foreground-50", children: "Did you know?" }), _jsxs("p", { className: "text-foreground-400 text-sm leading-relaxed", children: ["You can customize the frame orientation using the ", _jsx("code", { className: "bg-background-800 px-1 rounded", children: "side" }), " prop. This frame uses ", _jsx("code", { className: "text-accent-500", children: "side=\"bottom\"" }), " to create a tooltip tail."] })] }) }) }));
-};
-export default Example2;
-//# sourceMappingURL=02-tooltip-example.js.map

package/dist/components/Frame/examples/02-tooltip-example.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"02-tooltip-example.js","sourceRoot":"","sources":["../../../../src/components/Frame/examples/02-tooltip-example.tsx"],"names":[],"mappings":";AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,eAAe;IACtB,WAAW,EAAE,8EAA8E;CAC5F,CAAC;AAGF,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,MAAM,UAAU,GAAG,EAAE,CAAC;AACtB,MAAM,SAAS,GAAG,8CAA8C,CAAC;AAEjE,MAAM,QAAQ,GAAG,GAAG,EAAE;IACpB,OAAO,CACL,cAAK,SAAS,EAAC,uFAAuF,YACpG,KAAC,KAAK,IACJ,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,QAAQ,EAClB,IAAI,EAAE,SAAS,EACf,SAAS,EAAE,UAAU,EACrB,SAAS,EAAC,oCAAoC,EAC9C,KAAK,EAAE,EAAE,cAAc,EAAE,6BAA6B,EAAyB,YAE/E,eAAK,SAAS,EAAC,aAAa,aAC1B,aAAI,SAAS,EAAC,+CAA+C,8BAAmB,EAChF,aAAG,SAAS,EAAC,6CAA6C,mEACN,eAAM,SAAS,EAAC,gCAAgC,qBAAY,6BAC9F,eAAM,SAAS,EAAC,iBAAiB,gCAAqB,kCACpE,IACA,GACA,GACJ,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/Frame/examples/03-sidebar-tab.d.ts

@@ -1,7 +0,0 @@
-export declare const metadata: {
-    title: string;
-    description: string;
-};
-declare const Example3: () => import("react/jsx-runtime").JSX.Element;
-export default Example3;
-//# sourceMappingURL=03-sidebar-tab.d.ts.map

package/dist/components/Frame/examples/03-sidebar-tab.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"03-sidebar-tab.d.ts","sourceRoot":"","sources":["../../../../src/components/Frame/examples/03-sidebar-tab.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAQF,QAAA,MAAM,QAAQ,+CAoCb,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/Frame/examples/03-sidebar-tab.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const metadata = {
-    title: 'Sidebar Tab Frame',
-    description: 'A frame with a tab extending from the side, perfect for active navigation states.'
-};
-import { Frame } from 'ui-lab-components';
-const TAB_WIDTH = 120;
-const TAB_PATH = "M 0 0 C 20 0 20 -24 40 -24 L 80 -24 C 100 -24 100 0 120 0";
-const Example3 = () => {
-    return (_jsxs("div", { className: "flex flex-row gap-0 p-12 items-center justify-center bg-background-950 min-h-[400px]", children: [_jsxs("div", { className: "flex flex-col items-end justify-center space-y-8 pr-6 border-background-800/50 h-64", children: [_jsx("div", { className: "text-foreground-400 font-medium cursor-pointer hover:text-foreground-400 transition-colors", children: "Dashboard" }), _jsx("div", { className: "text-accent-500 font-bold cursor-default", children: "Settings" }), _jsx("div", { className: "text-foreground-400 font-medium cursor-pointer hover:text-foreground-400 transition-colors", children: "Profile" })] }), _jsxs("div", { className: "-ml-[1.5px]", children: [" ", _jsx(Frame, { side: "left", shapeMode: "extend", path: TAB_PATH, pathWidth: TAB_WIDTH, className: "w-80 h-64 p-6", style: {
-                            "--frame-fill": "var(--color-background-900)",
-                            "--frame-radius": "16px",
-                            color: "var(--background-700)",
-                        }, children: _jsxs("div", { className: "h-full flex flex-col justify-center", children: [_jsx("h2", { className: "text-2xl font-bold text-foreground-50 mb-4", children: "Settings" }), _jsxs("div", { className: "space-y-3", children: [_jsx("div", { className: "h-2 w-2/3 bg-background-800 rounded" }), _jsx("div", { className: "h-2 w-1/2 bg-background-800 rounded" }), _jsx("div", { className: "h-2 w-3/4 bg-background-800 rounded" })] })] }) })] })] }));
-};
-export default Example3;
-//# sourceMappingURL=03-sidebar-tab.js.map

package/dist/components/Frame/examples/03-sidebar-tab.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"03-sidebar-tab.js","sourceRoot":"","sources":["../../../../src/components/Frame/examples/03-sidebar-tab.tsx"],"names":[],"mappings":";AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,mBAAmB;IAC1B,WAAW,EAAE,mFAAmF;CACjG,CAAC;AAGF,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,MAAM,SAAS,GAAG,GAAG,CAAC;AACtB,MAAM,QAAQ,GAAG,2DAA2D,CAAC;AAE7E,MAAM,QAAQ,GAAG,GAAG,EAAE;IACpB,OAAO,CACL,eAAK,SAAS,EAAC,sFAAsF,aAEnG,eAAK,SAAS,EAAC,qFAAqF,aAClG,cAAK,SAAS,EAAC,4FAA4F,0BAAgB,EAC3H,cAAK,SAAS,EAAC,0CAA0C,yBAAe,EACxE,cAAK,SAAS,EAAC,4FAA4F,wBAAc,IACrH,EAGN,eAAK,SAAS,EAAC,aAAa,kBAC1B,KAAC,KAAK,IACJ,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,QAAQ,EAClB,IAAI,EAAE,QAAQ,EACd,SAAS,EAAE,SAAS,EACpB,SAAS,EAAC,eAAe,EACzB,KAAK,EAAE;4BACL,cAAc,EAAE,6BAA6B;4BAC7C,gBAAgB,EAAE,MAAM;4BACxB,KAAK,EAAE,uBAAuB;yBACR,YAExB,eAAK,SAAS,EAAC,qCAAqC,aAClD,aAAI,SAAS,EAAC,4CAA4C,yBAAc,EACxE,eAAK,SAAS,EAAC,WAAW,aACxB,cAAK,SAAS,EAAC,qCAAqC,GAAO,EAC3D,cAAK,SAAS,EAAC,qCAAqC,GAAO,EAC3D,cAAK,SAAS,EAAC,qCAAqC,GAAO,IACvD,IACF,GACA,IACJ,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/Frame/examples.json

@@ -1,17 +0,0 @@
-{
-    "01-default-frame": {
-        "title": "Featured Card Frame",
-        "description": "A card frame with a curved top cutout for featured images or hero content.",
-        "code": "import { Frame } from 'ui-lab-components';\n\n// The SVG path definition for the curve\nconst LIQUID_WIDTH = 180;\nconst LIQUID_PATH = \"M 0 0 C 36 0 36 44 90 44 C 144 44 144 0 180 0\";\n\nconst DefaultFrame = () => {\n  return (\n    <div className=\"flex items-center justify-center min-h-[400px] bg-background-950\">\n      <div className=\"relative w-full max-w-sm group\">\n\n        {/* 1. The Frame Component with the Path Prop */}\n        <Frame\n          path={LIQUID_PATH}\n          pathWidth={LIQUID_WIDTH}\n          className=\"text-background-700  bg-background-700/20 shadow-2xl backdrop-blur-sm\"\n          style={{ color: \"var(--background-700)\" }}\n        >\n          {/* Minimal Content */}\n          <div className=\"w-100 h-50 flex flex-col h-full p-17 text-center\">\n          </div>\n        </Frame>\n      </div>\n    </div>\n  );\n};\n\nexport default DefaultFrame;"
-    },
-    "02-tooltip-example": {
-        "title": "Tooltip Frame",
-        "description": "A frame with a pointer tail on the bottom, typical for tooltips or popovers.",
-        "code": "import React from 'react';\nimport { Frame } from 'ui-lab-components';\n\nconst TAIL_WIDTH = 48;\nconst TAIL_PATH = \"M 0 0 C 8 0 20 -16 24 -16 C 28 -16 36 0 48 0\";\n\nconst Example2 = () => {\n  return (\n    <div className=\"flex flex-col gap-12 p-12 items-center justify-center min-h-[400px] bg-background-950\">\n      <Frame\n        side=\"bottom\"\n        shapeMode=\"extend\"\n        path={TAIL_PATH}\n        pathWidth={TAIL_WIDTH}\n        className=\"max-w-sm border-background-700 p-6\"\n        style={{ \"--frame-fill\": \"var(--color-background-900)\" } as React.CSSProperties}\n      >\n        <div className=\"text-center\">\n          <h3 className=\"font-semibold text-lg mb-2 text-foreground-50\">Did you know?</h3>\n          <p className=\"text-foreground-400 text-sm leading-relaxed\">\n            You can customize the frame orientation using the <code className=\"bg-background-800 px-1 rounded\">side</code> prop.\n            This frame uses <code className=\"text-accent-500\">side=\"bottom\"</code> to create a tooltip tail.\n          </p>\n        </div>\n      </Frame>\n    </div>\n  );\n};\n\nexport default Example2;"
-    },
-    "03-sidebar-tab": {
-        "title": "Sidebar Tab Frame",
-        "description": "A frame with a tab extending from the side, perfect for active navigation states.",
-        "code": "import React from 'react';\nimport { Frame } from 'ui-lab-components';\n\nconst TAB_WIDTH = 120;\nconst TAB_PATH = \"M 0 0 C 20 0 20 -24 40 -24 L 80 -24 C 100 -24 100 0 120 0\";\n\nconst Example3 = () => {\n  return (\n    <div className=\"flex flex-row gap-0 p-12 items-center justify-center bg-background-950 min-h-[400px]\">\n      {/* Mock Sidebar */}\n      <div className=\"flex flex-col items-end justify-center space-y-8 pr-6 border-background-800/50 h-64\">\n        <div className=\"text-foreground-400 font-medium cursor-pointer hover:text-foreground-400 transition-colors\">Dashboard</div>\n        <div className=\"text-accent-500 font-bold cursor-default\">Settings</div>\n        <div className=\"text-foreground-400 font-medium cursor-pointer hover:text-foreground-400 transition-colors\">Profile</div>\n      </div>\n\n      {/* Frame content - visually connecting to \"Settings\" */}\n      <div className=\"-ml-[1.5px]\"> {/* Overlap border slightly to merge visual connection */}\n        <Frame\n          side=\"left\"\n          shapeMode=\"extend\"\n          path={TAB_PATH}\n          pathWidth={TAB_WIDTH}\n          className=\"w-80 h-64 p-6\"\n          style={{\n            \"--frame-fill\": \"var(--color-background-900)\",\n            \"--frame-radius\": \"16px\",\n            color: \"var(--background-700)\",\n          } as React.CSSProperties}\n        >\n          <div className=\"h-full flex flex-col justify-center\">\n            <h2 className=\"text-2xl font-bold text-foreground-50 mb-4\">Settings</h2>\n            <div className=\"space-y-3\">\n              <div className=\"h-2 w-2/3 bg-background-800 rounded\"></div>\n              <div className=\"h-2 w-1/2 bg-background-800 rounded\"></div>\n              <div className=\"h-2 w-3/4 bg-background-800 rounded\"></div>\n            </div>\n          </div>\n        </Frame>\n      </div>\n    </div>\n  );\n};\n\nexport default Example3;"
-    }
-}

package/dist/components/Gallery/examples/01-basic-gallery.d.ts

@@ -1,6 +0,0 @@
-export declare const metadata: {
-    title: string;
-    description: string;
-};
-export default function Example(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=01-basic-gallery.d.ts.map

package/dist/components/Gallery/examples/01-basic-gallery.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-basic-gallery.d.ts","sourceRoot":"","sources":["../../../../src/components/Gallery/examples/01-basic-gallery.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,4CAoB9B"}

package/dist/components/Gallery/examples/01-basic-gallery.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Gallery } from 'ui-lab-components';
-export const metadata = {
-    title: 'Basic Gallery',
-    description: 'A simple gallery with multiple items in a grid layout. Use this for displaying collections of images or content.'
-};
-export default function Example() {
-    return (_jsxs(Gallery, { columns: 3, gap: "md", children: [_jsx(Gallery.Item, { children: _jsx(Gallery.View, { aspectRatio: "1/1", children: _jsx("div", { style: { background: '#e0e0e0', width: '100%', height: '100%' } }) }) }), _jsx(Gallery.Item, { children: _jsx(Gallery.View, { aspectRatio: "1/1", children: _jsx("div", { style: { background: '#d0d0d0', width: '100%', height: '100%' } }) }) }), _jsx(Gallery.Item, { children: _jsx(Gallery.View, { aspectRatio: "1/1", children: _jsx("div", { style: { background: '#c0c0c0', width: '100%', height: '100%' } }) }) })] }));
-}
-//# sourceMappingURL=01-basic-gallery.js.map

package/dist/components/Gallery/examples/01-basic-gallery.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-basic-gallery.js","sourceRoot":"","sources":["../../../../src/components/Gallery/examples/01-basic-gallery.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,eAAe;IACtB,WAAW,EAAE,kHAAkH;CAChI,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,MAAC,OAAO,IAAC,OAAO,EAAE,CAAC,EAAE,GAAG,EAAC,IAAI,aAC3B,KAAC,OAAO,CAAC,IAAI,cACX,KAAC,OAAO,CAAC,IAAI,IAAC,WAAW,EAAC,KAAK,YAC7B,cAAK,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,GAC3D,GACF,EACf,KAAC,OAAO,CAAC,IAAI,cACX,KAAC,OAAO,CAAC,IAAI,IAAC,WAAW,EAAC,KAAK,YAC7B,cAAK,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,GAC3D,GACF,EACf,KAAC,OAAO,CAAC,IAAI,cACX,KAAC,OAAO,CAAC,IAAI,IAAC,WAAW,EAAC,KAAK,YAC7B,cAAK,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,GAC3D,GACF,IACP,CACX,CAAC;AACJ,CAAC"}

package/dist/components/Grid/examples/01-basic-grid.d.ts

@@ -1,6 +0,0 @@
-export declare const metadata: {
-    title: string;
-    description: string;
-};
-export default function Example(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=01-basic-grid.d.ts.map

package/dist/components/Grid/examples/01-basic-grid.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-basic-grid.d.ts","sourceRoot":"","sources":["../../../../src/components/Grid/examples/01-basic-grid.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,4CAW9B"}

package/dist/components/Grid/examples/01-basic-grid.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Grid } from 'ui-lab-components';
-export const metadata = {
-    title: 'Basic Grid',
-    description: 'A simple grid layout with multiple cells. Use this for organizing content in a responsive grid structure.'
-};
-export default function Example() {
-    return (_jsxs(Grid, { columns: 3, gap: "md", children: [_jsx("div", { style: { padding: '1rem', background: '#e0e0e0' }, children: "Cell 1" }), _jsx("div", { style: { padding: '1rem', background: '#d0d0d0' }, children: "Cell 2" }), _jsx("div", { style: { padding: '1rem', background: '#c0c0c0' }, children: "Cell 3" }), _jsx("div", { style: { padding: '1rem', background: '#b0b0b0' }, children: "Cell 4" }), _jsx("div", { style: { padding: '1rem', background: '#a0a0a0' }, children: "Cell 5" }), _jsx("div", { style: { padding: '1rem', background: '#909090' }, children: "Cell 6" })] }));
-}
-//# sourceMappingURL=01-basic-grid.js.map

package/dist/components/Grid/examples/01-basic-grid.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-basic-grid.js","sourceRoot":"","sources":["../../../../src/components/Grid/examples/01-basic-grid.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,YAAY;IACnB,WAAW,EAAE,2GAA2G;CACzH,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,MAAC,IAAI,IAAC,OAAO,EAAE,CAAC,EAAE,GAAG,EAAC,IAAI,aACxB,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,uBAAc,EACpE,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,uBAAc,EACpE,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,uBAAc,EACpE,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,uBAAc,EACpE,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,uBAAc,EACpE,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,uBAAc,IAC/D,CACR,CAAC;AACJ,CAAC"}

package/dist/components/Group/examples/01-basic-group.d.ts

@@ -1,6 +0,0 @@
-export declare const metadata: {
-    title: string;
-    description: string;
-};
-export default function Example(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=01-basic-group.d.ts.map

package/dist/components/Group/examples/01-basic-group.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-basic-group.d.ts","sourceRoot":"","sources":["../../../../src/components/Group/examples/01-basic-group.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,4CAQ9B"}

package/dist/components/Group/examples/01-basic-group.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Group } from 'ui-lab-components';
-export const metadata = {
-    title: 'Basic Group',
-    description: 'A simple group container that arranges multiple elements together. Use this to organize related UI elements in a consistent layout.'
-};
-export default function Example() {
-    return (_jsxs(Group, { children: [_jsx(Group.Button, { children: "First" }), _jsx(Group.Button, { children: "Second" }), _jsx(Group.Button, { children: "Third" })] }));
-}
-//# sourceMappingURL=01-basic-group.js.map

package/dist/components/Group/examples/01-basic-group.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-basic-group.js","sourceRoot":"","sources":["../../../../src/components/Group/examples/01-basic-group.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,aAAa;IACpB,WAAW,EAAE,qIAAqI;CACnJ,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,MAAC,KAAK,eACJ,KAAC,KAAK,CAAC,MAAM,wBAAqB,EAClC,KAAC,KAAK,CAAC,MAAM,yBAAsB,EACnC,KAAC,KAAK,CAAC,MAAM,wBAAqB,IAC5B,CACT,CAAC;AACJ,CAAC"}

package/dist/components/Group/examples.json

@@ -1,7 +0,0 @@
-{
-    "01-basic-group": {
-        "title": "Basic Group",
-        "description": "A simple group container that arranges multiple elements together. Use this to organize related UI elements in a consistent layout.",
-        "code": "import { Group } from 'ui-lab-components';\n\nexport default function Example() {\n  return (\n    <Group>\n      <Group.Button>First</Group.Button>\n      <Group.Button>Second</Group.Button>\n      <Group.Button>Third</Group.Button>\n    </Group>\n  );\n}"
-    }
-}

package/dist/components/Input/examples/01-basic-input.d.ts

@@ -1,6 +0,0 @@
-export declare const metadata: {
-    title: string;
-    description: string;
-};
-export default function Example(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=01-basic-input.d.ts.map

package/dist/components/Input/examples/01-basic-input.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-basic-input.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/examples/01-basic-input.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,4CAE9B"}

package/dist/components/Input/examples/01-basic-input.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Input } from 'ui-lab-components';
-export const metadata = {
-    title: 'Basic Input',
-    description: 'A simple text input field with default styling. Use this as the standard input element for collecting user text input.'
-};
-export default function Example() {
-    return _jsx(Input, { placeholder: "Enter text..." });
-}
-//# sourceMappingURL=01-basic-input.js.map

package/dist/components/Input/examples/01-basic-input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-basic-input.js","sourceRoot":"","sources":["../../../../src/components/Input/examples/01-basic-input.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,aAAa;IACpB,WAAW,EAAE,wHAAwH;CACtI,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,KAAC,KAAK,IAAC,WAAW,EAAC,eAAe,GAAG,CAAC;AAC/C,CAAC"}

package/dist/components/Input/examples/02-validation.d.ts

@@ -1,6 +0,0 @@
-export declare const metadata: {
-    title: string;
-    description: string;
-};
-export default function Example(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=02-validation.d.ts.map

package/dist/components/Input/examples/02-validation.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"02-validation.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/examples/02-validation.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,4CA2C9B"}

package/dist/components/Input/examples/02-validation.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Input, Label } from 'ui-lab-components';
-import { FaCircleExclamation, FaCircleCheck } from 'react-icons/fa6';
-export const metadata = {
-    title: 'Validation States',
-    description: 'Input fields with error and success validation states, including helper text for user feedback.'
-};
-export default function Example() {
-    return (_jsxs("div", { className: "flex flex-col gap-6 w-full max-w-sm", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { error: true, helperText: "Please enter a valid email address", helperTextError: true, children: "Email" }), _jsx(Input, { type: "email", placeholder: "Enter your email", error: true, defaultValue: "invalid-email", icon: { suffix: _jsx(FaCircleExclamation, { className: "text-danger-600", size: 14 }) } })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { helperText: "Email address is available", children: "Email" }), _jsx(Input, { type: "email", placeholder: "Enter your email", defaultValue: "user@example.com", icon: { suffix: _jsx(FaCircleCheck, { className: "text-success-600", size: 14 }) }, className: "border-success-600 focus:border-success-600" })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { required: true, helperText: "We'll never share your email with anyone else.", children: "Email" }), _jsx(Input, { type: "email", placeholder: "Enter your email" })] })] }));
-}
-//# sourceMappingURL=02-validation.js.map

package/dist/components/Input/examples/02-validation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"02-validation.js","sourceRoot":"","sources":["../../../../src/components/Input/examples/02-validation.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErE,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,mBAAmB;IAC1B,WAAW,EAAE,iGAAiG;CAC/G,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,eAAK,SAAS,EAAC,qCAAqC,aAElD,eAAK,SAAS,EAAC,uBAAuB,aACpC,KAAC,KAAK,IAAC,KAAK,QAAC,UAAU,EAAC,oCAAoC,EAAC,eAAe,4BAEpE,EACR,KAAC,KAAK,IACJ,IAAI,EAAC,OAAO,EACZ,WAAW,EAAC,kBAAkB,EAC9B,KAAK,QACL,YAAY,EAAC,eAAe,EAC5B,IAAI,EAAE,EAAE,MAAM,EAAE,KAAC,mBAAmB,IAAC,SAAS,EAAC,iBAAiB,EAAC,IAAI,EAAE,EAAE,GAAI,EAAE,GAC/E,IACE,EAGN,eAAK,SAAS,EAAC,uBAAuB,aACpC,KAAC,KAAK,IAAC,UAAU,EAAC,4BAA4B,sBAEtC,EACR,KAAC,KAAK,IACJ,IAAI,EAAC,OAAO,EACZ,WAAW,EAAC,kBAAkB,EAC9B,YAAY,EAAC,kBAAkB,EAC/B,IAAI,EAAE,EAAE,MAAM,EAAE,KAAC,aAAa,IAAC,SAAS,EAAC,kBAAkB,EAAC,IAAI,EAAE,EAAE,GAAI,EAAE,EAC1E,SAAS,EAAC,6CAA6C,GACvD,IACE,EAGN,eAAK,SAAS,EAAC,uBAAuB,aACpC,KAAC,KAAK,IAAC,QAAQ,QAAC,UAAU,EAAC,gDAAgD,sBAEnE,EACR,KAAC,KAAK,IACJ,IAAI,EAAC,OAAO,EACZ,WAAW,EAAC,kBAAkB,GAC9B,IACE,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/Input/examples.json

@@ -1,12 +0,0 @@
-{
-    "01-basic-input": {
-        "title": "Basic Input",
-        "description": "A simple text input field with default styling. Use this as the standard input element for collecting user text input.",
-        "code": "import React from 'react';\nimport { Input } from 'ui-lab-components';\n\nexport default function Example() {\n  return <Input placeholder=\"Enter text...\" />;\n}"
-    },
-    "02-validation": {
-        "title": "Validation States",
-        "description": "Input fields with error and success validation states, including helper text for user feedback.",
-        "code": "import React from 'react';\nimport { Input, Label } from 'ui-lab-components';\nimport { FaCircleExclamation, FaCircleCheck } from 'react-icons/fa6';\n\nexport default function Example() {\n  return (\n    <div className=\"flex flex-col gap-6 w-full max-w-sm\">\n      {/* Error State */}\n      <div className=\"flex flex-col gap-1.5\">\n        <Label error helperText=\"Please enter a valid email address\" helperTextError>\n          Email\n        </Label>\n        <Input\n          type=\"email\"\n          placeholder=\"Enter your email\"\n          error\n          defaultValue=\"invalid-email\"\n          icon={{ suffix: <FaCircleExclamation className=\"text-danger-600\" size={14} /> }}\n        />\n      </div>\n\n      {/* Success State */}\n      <div className=\"flex flex-col gap-1.5\">\n        <Label helperText=\"Email address is available\">\n          Email\n        </Label>\n        <Input\n          type=\"email\"\n          placeholder=\"Enter your email\"\n          defaultValue=\"user@example.com\"\n          icon={{ suffix: <FaCircleCheck className=\"text-success-600\" size={14} /> }}\n          className=\"border-success-600 focus:border-success-600\"\n        />\n      </div>\n\n      {/* Default State with Helper Text */}\n      <div className=\"flex flex-col gap-1.5\">\n        <Label required helperText=\"We'll never share your email with anyone else.\">\n          Email\n        </Label>\n        <Input\n          type=\"email\"\n          placeholder=\"Enter your email\"\n        />\n      </div>\n    </div>\n  );\n}"
-    }
-}

package/dist/components/Label/examples/01-basic-label.d.ts

@@ -1,6 +0,0 @@
-export declare const metadata: {
-    title: string;
-    description: string;
-};
-export default function Example(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=01-basic-label.d.ts.map

package/dist/components/Label/examples/01-basic-label.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-basic-label.d.ts","sourceRoot":"","sources":["../../../../src/components/Label/examples/01-basic-label.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,4CAO9B"}

package/dist/components/Label/examples/01-basic-label.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Label, Input } from 'ui-lab-components';
-export const metadata = {
-    title: 'Basic Label',
-    description: 'A simple label component associated with a form input. Use this to provide accessible labels for form elements.'
-};
-export default function Example() {
-    return (_jsxs("div", { children: [_jsx(Label, { htmlFor: "name", children: "Name" }), _jsx(Input, { id: "name", placeholder: "Enter your name" })] }));
-}
-//# sourceMappingURL=01-basic-label.js.map

package/dist/components/Label/examples/01-basic-label.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-basic-label.js","sourceRoot":"","sources":["../../../../src/components/Label/examples/01-basic-label.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,aAAa;IACpB,WAAW,EAAE,iHAAiH;CAC/H,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,0BACE,KAAC,KAAK,IAAC,OAAO,EAAC,MAAM,qBAAa,EAClC,KAAC,KAAK,IAAC,EAAE,EAAC,MAAM,EAAC,WAAW,EAAC,iBAAiB,GAAG,IAC7C,CACP,CAAC;AACJ,CAAC"}

package/dist/components/Label/examples.json

@@ -1,7 +0,0 @@
-{
-    "01-basic-label": {
-        "title": "Basic Label",
-        "description": "A simple label component associated with a form input. Use this to provide accessible labels for form elements.",
-        "code": "import React from 'react';\nimport { Label, Input } from 'ui-lab-components';\n\nexport default function Example() {\n  return (\n    <div>\n      <Label htmlFor=\"name\">Name</Label>\n      <Input id=\"name\" placeholder=\"Enter your name\" />\n    </div>\n  );\n}"
-    }
-}

package/dist/components/List/examples/01-basic.d.ts

@@ -1,6 +0,0 @@
-export declare const metadata: {
-    title: string;
-    description: string;
-};
-export default function Example(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=01-basic.d.ts.map

package/dist/components/List/examples/01-basic.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-basic.d.ts","sourceRoot":"","sources":["../../../../src/components/List/examples/01-basic.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,4CAgB9B"}

package/dist/components/List/examples/01-basic.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { List } from 'ui-lab-components';
-import { Button } from 'ui-lab-components';
-export const metadata = {
-    title: 'Basic List',
-    description: 'A simple list displaying basic items with selection and interaction support.',
-};
-export default function Example() {
-    return (_jsxs(List, { "aria-label": "Basic List Example", children: [_jsx(List.Header, { children: _jsx("h2", { children: "Items" }) }), _jsx(List.Item, { interactive: true, children: "Item One" }), _jsx(List.Item, { interactive: true, children: "Item Two" }), _jsx(List.Item, { interactive: true, children: "Item Three" }), _jsx(List.Footer, { align: "center", children: _jsx(Button, { variant: "primary", size: "sm", children: "Load More" }) })] }));
-}
-//# sourceMappingURL=01-basic.js.map

package/dist/components/List/examples/01-basic.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-basic.js","sourceRoot":"","sources":["../../../../src/components/List/examples/01-basic.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,YAAY;IACnB,WAAW,EAAE,8EAA8E;CAC5F,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,MAAC,IAAI,kBAAY,oBAAoB,aACnC,KAAC,IAAI,CAAC,MAAM,cACV,iCAAc,GACF,EACd,KAAC,IAAI,CAAC,IAAI,IAAC,WAAW,+BAAqB,EAC3C,KAAC,IAAI,CAAC,IAAI,IAAC,WAAW,+BAAqB,EAC3C,KAAC,IAAI,CAAC,IAAI,IAAC,WAAW,iCAAuB,EAC7C,KAAC,IAAI,CAAC,MAAM,IAAC,KAAK,EAAC,QAAQ,YACzB,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,0BAE1B,GACG,IACT,CACR,CAAC;AACJ,CAAC"}

package/dist/components/List/examples.json

@@ -1,7 +0,0 @@
-{
-    "01-basic": {
-        "title": "Basic List",
-        "description": "A simple list displaying basic items with selection and interaction support.",
-        "code": "import { List } from 'ui-lab-components';\nimport { Button } from 'ui-lab-components';\n\nexport default function Example() {\n  return (\n    <List aria-label=\"Basic List Example\">\n      <List.Header>\n        <h2>Items</h2>\n      </List.Header>\n      <List.Item interactive>Item One</List.Item>\n      <List.Item interactive>Item Two</List.Item>\n      <List.Item interactive>Item Three</List.Item>\n      <List.Footer align=\"center\">\n        <Button variant=\"primary\" size=\"sm\">\n          Load More\n        </Button>\n      </List.Footer>\n    </List>\n  );\n}"
-    }
-}

package/dist/components/Mask/examples/01-read-more-fade.d.ts

@@ -1,6 +0,0 @@
-export declare const metadata: {
-    title: string;
-    description: string;
-};
-export default function Example(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=01-read-more-fade.d.ts.map

package/dist/components/Mask/examples/01-read-more-fade.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-read-more-fade.d.ts","sourceRoot":"","sources":["../../../../src/components/Mask/examples/01-read-more-fade.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,4CAwB9B"}

package/dist/components/Mask/examples/01-read-more-fade.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Mask } from 'ui-lab-components';
-export const metadata = {
-    title: 'Mask - Read More Effect',
-    description: 'Using the mask component to create a smooth fade effect on long text content.'
-};
-export default function Example() {
-    return (_jsxs("div", { className: "max-w-md mx-auto p-4 border rounded-lg bg-background", children: [_jsx("h3", { className: "text-lg font-semibold mb-2", children: "Terms of Service" }), _jsxs(Mask, { className: "h-48 bg-muted/30 rounded-md p-4", children: [_jsx(Mask.Fade, { direction: "top", intensity: 0.8, fixed: true }), _jsx(Mask.Fade, { direction: "bottom", intensity: 0.8, fixed: true }), _jsxs("div", { className: "space-y-4 text-sm text-muted-foreground", children: [_jsx("p", { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat." }), _jsx("p", { children: "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." }), _jsx("p", { children: "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo." }), _jsx("p", { children: "Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet." })] })] })] }));
-}
-//# sourceMappingURL=01-read-more-fade.js.map

package/dist/components/Mask/examples/01-read-more-fade.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-read-more-fade.js","sourceRoot":"","sources":["../../../../src/components/Mask/examples/01-read-more-fade.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,yBAAyB;IAChC,WAAW,EAAE,+EAA+E;CAC7F,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,eAAK,SAAS,EAAC,sDAAsD,aACnE,aAAI,SAAS,EAAC,4BAA4B,iCAAsB,EAChE,MAAC,IAAI,IAAC,SAAS,EAAC,iCAAiC,aAC/C,KAAC,IAAI,CAAC,IAAI,IAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAE,GAAG,EAAE,KAAK,SAAG,EACnD,KAAC,IAAI,CAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAE,GAAG,EAAE,KAAK,SAAG,EACtD,eAAK,SAAS,EAAC,yCAAyC,aACtD,kQAEI,EACJ,gPAEI,EACJ,kPAEI,EACJ,sPAEI,IACA,IACD,IACH,CACP,CAAC;AACJ,CAAC"}

package/dist/components/Mask/examples/02-text-gradient.d.ts

@@ -1,6 +0,0 @@
-export declare const metadata: {
-    title: string;
-    description: string;
-};
-export default function Example(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=02-text-gradient.d.ts.map

package/dist/components/Mask/examples/02-text-gradient.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"02-text-gradient.d.ts","sourceRoot":"","sources":["../../../../src/components/Mask/examples/02-text-gradient.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,4CAY9B"}

package/dist/components/Mask/examples/02-text-gradient.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Mask } from 'ui-lab-components';
-export const metadata = {
-    title: 'Mask - Text Gradient',
-    description: 'Using the mask component to create a generic gradient effect on text elements.'
-};
-export default function Example() {
-    return (_jsx("div", { className: "w-full flex flex-col items-center justify-center space-y-8 p-8", children: _jsx("div", { className: "w-full max-w-2xl", children: _jsx(Mask.Gradient, { gradient: "linear-gradient(to right, var(--foreground-200), var(--accent-500))", children: _jsx("div", { className: "whitespace-nowrap text-3xl text-center", children: "Gradient" }) }) }) }));
-}
-//# sourceMappingURL=02-text-gradient.js.map

package/dist/components/Mask/examples/02-text-gradient.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"02-text-gradient.js","sourceRoot":"","sources":["../../../../src/components/Mask/examples/02-text-gradient.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,sBAAsB;IAC7B,WAAW,EAAE,gFAAgF;CAC9F,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,cAAK,SAAS,EAAC,gEAAgE,YAC7E,cAAK,SAAS,EAAC,kBAAkB,YAC/B,KAAC,IAAI,CAAC,QAAQ,IAAC,QAAQ,EAAC,qEAAqE,YAC3F,cAAK,SAAS,EAAC,wCAAwC,yBAEjD,GACQ,GACZ,GACF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/Mask/examples.json

@@ -1,12 +0,0 @@
-{
-    "01-read-more-fade": {
-        "title": "Mask - Read More Effect",
-        "description": "Using the mask component to create a smooth fade effect on long text content.",
-        "code": "import React from 'react';\nimport { Mask } from 'ui-lab-components';\n\nexport default function Example() {\n  return (\n    <div className=\"max-w-md mx-auto p-4 border rounded-lg bg-background\">\n      <h3 className=\"text-lg font-semibold mb-2\">Terms of Service</h3>\n      <Mask className=\"h-48 bg-muted/30 rounded-md p-4\">\n        <Mask.Fade direction=\"top\" intensity={0.8} fixed />\n        <Mask.Fade direction=\"bottom\" intensity={0.8} fixed />\n        <div className=\"space-y-4 text-sm text-muted-foreground\">\n          <p>\n            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\n          </p>\n          <p>\n            Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n          </p>\n          <p>\n            Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.\n          </p>\n          <p>\n            Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet.\n          </p>\n        </div>\n      </Mask>\n    </div>\n  );\n}"
-    },
-    "02-text-gradient": {
-        "title": "Mask - Text Gradient",
-        "description": "Using the mask component to create a generic gradient effect on text elements.",
-        "code": "import React from 'react';\nimport { Mask } from 'ui-lab-components';\n\nexport default function Example() {\n  return (\n    <div className=\"w-full flex flex-col items-center justify-center space-y-8 p-8\">\n      <div className=\"w-full max-w-2xl\">\n        <Mask.Gradient gradient=\"linear-gradient(to right, var(--foreground-200), var(--accent-500))\">\n          <div className=\"whitespace-nowrap text-3xl text-center\">\n            Gradient\n          </div>\n        </Mask.Gradient>\n      </div>\n    </div>\n  );\n}"
-    }
-}

package/dist/components/Menu/examples/01-basic-menu.d.ts

@@ -1,6 +0,0 @@
-export declare const metadata: {
-    title: string;
-    description: string;
-};
-export default function Example(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=01-basic-menu.d.ts.map

package/dist/components/Menu/examples/01-basic-menu.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-basic-menu.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/examples/01-basic-menu.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,4CAa9B"}

package/dist/components/Menu/examples/01-basic-menu.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Menu } from 'ui-lab-components';
-export const metadata = {
-    title: 'Basic Menu',
-    description: 'A simple context menu triggered by right-click. Use this to provide quick access to common actions and context-specific commands.'
-};
-export default function Example() {
-    return (_jsxs(Menu, { children: [_jsx(Menu.Trigger, { className: "flex items-center justify-center rounded-md border-2 border-dashed border-background-600 p-12 w-full cursor-context-menu select-none text-foreground-300 hover:border-background-500 transition-colors", children: "Right click here" }), _jsxs(Menu.Content, { children: [_jsx(Menu.Item, { children: "Copy" }), _jsx(Menu.Item, { children: "Paste" }), _jsx(Menu.Item, { disabled: true, children: "Cut" })] })] }));
-}
-//# sourceMappingURL=01-basic-menu.js.map

package/dist/components/Menu/examples/01-basic-menu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-basic-menu.js","sourceRoot":"","sources":["../../../../src/components/Menu/examples/01-basic-menu.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,YAAY;IACnB,WAAW,EAAE,mIAAmI;CACjJ,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,MAAC,IAAI,eACH,KAAC,IAAI,CAAC,OAAO,IAAC,SAAS,EAAC,wMAAwM,iCAEjN,EACf,MAAC,IAAI,CAAC,OAAO,eACX,KAAC,IAAI,CAAC,IAAI,uBAAiB,EAC3B,KAAC,IAAI,CAAC,IAAI,wBAAkB,EAC5B,KAAC,IAAI,CAAC,IAAI,IAAC,QAAQ,0BAAgB,IACtB,IACV,CACR,CAAC;AACJ,CAAC"}

package/dist/components/Menu/examples/02-nested-menu.d.ts

@@ -1,6 +0,0 @@
-export declare const metadata: {
-    title: string;
-    description: string;
-};
-export default function Example(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=02-nested-menu.d.ts.map

package/dist/components/Menu/examples/02-nested-menu.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"02-nested-menu.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/examples/02-nested-menu.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,4CAyC9B"}

package/dist/components/Menu/examples/02-nested-menu.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Menu } from 'ui-lab-components';
-export const metadata = {
-    title: 'Nested Menu',
-    description: 'Context menu with submenus for organizing related actions. Hover over items with arrows to reveal nested options.'
-};
-export default function Example() {
-    return (_jsxs(Menu, { children: [_jsx(Menu.Trigger, { className: "flex items-center justify-center rounded-md border-2 border-dashed border-background-600 p-12 w-full cursor-context-menu select-none text-foreground-300 hover:border-background-500 transition-colors", children: "Right click here" }), _jsxs(Menu.Content, { children: [_jsx(Menu.Item, { children: "New File" }), _jsx(Menu.Item, { children: "New Folder" }), _jsx(Menu.Separator, {}), _jsxs(Menu.Sub, { children: [_jsx(Menu.SubTrigger, { children: "Open with..." }), _jsxs(Menu.SubContent, { children: [_jsx(Menu.Item, { children: "VS Code" }), _jsx(Menu.Item, { children: "Sublime Text" }), _jsx(Menu.Item, { children: "Vim" }), _jsx(Menu.Separator, {}), _jsx(Menu.Item, { children: "Other Application..." })] })] }), _jsxs(Menu.Sub, { children: [_jsx(Menu.SubTrigger, { children: "Share" }), _jsxs(Menu.SubContent, { children: [_jsx(Menu.Item, { children: "Copy Link" }), _jsx(Menu.Item, { children: "Email" }), _jsxs(Menu.Sub, { children: [_jsx(Menu.SubTrigger, { children: "Social Media" }), _jsxs(Menu.SubContent, { children: [_jsx(Menu.Item, { children: "Twitter" }), _jsx(Menu.Item, { children: "LinkedIn" }), _jsx(Menu.Item, { children: "Facebook" })] })] })] })] }), _jsx(Menu.Separator, {}), _jsx(Menu.Item, { children: "Rename" }), _jsx(Menu.Item, { disabled: true, children: "Delete" })] })] }));
-}
-//# sourceMappingURL=02-nested-menu.js.map

package/dist/components/Menu/examples/02-nested-menu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"02-nested-menu.js","sourceRoot":"","sources":["../../../../src/components/Menu/examples/02-nested-menu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,aAAa;IACpB,WAAW,EAAE,mHAAmH;CACjI,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,MAAC,IAAI,eACH,KAAC,IAAI,CAAC,OAAO,IAAC,SAAS,EAAC,wMAAwM,iCAEjN,EACf,MAAC,IAAI,CAAC,OAAO,eACX,KAAC,IAAI,CAAC,IAAI,2BAAqB,EAC/B,KAAC,IAAI,CAAC,IAAI,6BAAuB,EACjC,KAAC,IAAI,CAAC,SAAS,KAAG,EAClB,MAAC,IAAI,CAAC,GAAG,eACP,KAAC,IAAI,CAAC,UAAU,+BAA+B,EAC/C,MAAC,IAAI,CAAC,UAAU,eACd,KAAC,IAAI,CAAC,IAAI,0BAAoB,EAC9B,KAAC,IAAI,CAAC,IAAI,+BAAyB,EACnC,KAAC,IAAI,CAAC,IAAI,sBAAgB,EAC1B,KAAC,IAAI,CAAC,SAAS,KAAG,EAClB,KAAC,IAAI,CAAC,IAAI,uCAAiC,IAC3B,IACT,EACX,MAAC,IAAI,CAAC,GAAG,eACP,KAAC,IAAI,CAAC,UAAU,wBAAwB,EACxC,MAAC,IAAI,CAAC,UAAU,eACd,KAAC,IAAI,CAAC,IAAI,4BAAsB,EAChC,KAAC,IAAI,CAAC,IAAI,wBAAkB,EAC5B,MAAC,IAAI,CAAC,GAAG,eACP,KAAC,IAAI,CAAC,UAAU,+BAA+B,EAC/C,MAAC,IAAI,CAAC,UAAU,eACd,KAAC,IAAI,CAAC,IAAI,0BAAoB,EAC9B,KAAC,IAAI,CAAC,IAAI,2BAAqB,EAC/B,KAAC,IAAI,CAAC,IAAI,2BAAqB,IACf,IACT,IACK,IACT,EACX,KAAC,IAAI,CAAC,SAAS,KAAG,EAClB,KAAC,IAAI,CAAC,IAAI,yBAAmB,EAC7B,KAAC,IAAI,CAAC,IAAI,IAAC,QAAQ,6BAAmB,IACzB,IACV,CACR,CAAC;AACJ,CAAC"}

package/dist/components/Menu/examples.json

@@ -1,12 +0,0 @@
-{
-    "01-basic-menu": {
-        "title": "Basic Menu",
-        "description": "A simple context menu triggered by right-click. Use this to provide quick access to common actions and context-specific commands.",
-        "code": "import React from 'react';\nimport { Menu } from 'ui-lab-components';\n\nexport default function Example() {\n  return (\n    <Menu>\n      <Menu.Trigger className=\"flex items-center justify-center rounded-md border-2 border-dashed border-background-600 p-12 w-full cursor-context-menu select-none text-foreground-300 hover:border-background-500 transition-colors\">\n        Right click here\n      </Menu.Trigger>\n      <Menu.Content>\n        <Menu.Item>Copy</Menu.Item>\n        <Menu.Item>Paste</Menu.Item>\n        <Menu.Item disabled>Cut</Menu.Item>\n      </Menu.Content>\n    </Menu>\n  );\n}"
-    },
-    "02-nested-menu": {
-        "title": "Nested Menu",
-        "description": "Context menu with submenus for organizing related actions. Hover over items with arrows to reveal nested options.",
-        "code": "import { Menu } from 'ui-lab-components';\n\nexport default function Example() {\n  return (\n    <Menu>\n      <Menu.Trigger className=\"flex items-center justify-center rounded-md border-2 border-dashed border-background-600 p-12 w-full cursor-context-menu select-none text-foreground-300 hover:border-background-500 transition-colors\">\n        Right click here\n      </Menu.Trigger>\n      <Menu.Content>\n        <Menu.Item>New File</Menu.Item>\n        <Menu.Item>New Folder</Menu.Item>\n        <Menu.Separator />\n        <Menu.Sub>\n          <Menu.SubTrigger>Open with...</Menu.SubTrigger>\n          <Menu.SubContent>\n            <Menu.Item>VS Code</Menu.Item>\n            <Menu.Item>Sublime Text</Menu.Item>\n            <Menu.Item>Vim</Menu.Item>\n            <Menu.Separator />\n            <Menu.Item>Other Application...</Menu.Item>\n          </Menu.SubContent>\n        </Menu.Sub>\n        <Menu.Sub>\n          <Menu.SubTrigger>Share</Menu.SubTrigger>\n          <Menu.SubContent>\n            <Menu.Item>Copy Link</Menu.Item>\n            <Menu.Item>Email</Menu.Item>\n            <Menu.Sub>\n              <Menu.SubTrigger>Social Media</Menu.SubTrigger>\n              <Menu.SubContent>\n                <Menu.Item>Twitter</Menu.Item>\n                <Menu.Item>LinkedIn</Menu.Item>\n                <Menu.Item>Facebook</Menu.Item>\n              </Menu.SubContent>\n            </Menu.Sub>\n          </Menu.SubContent>\n        </Menu.Sub>\n        <Menu.Separator />\n        <Menu.Item>Rename</Menu.Item>\n        <Menu.Item disabled>Delete</Menu.Item>\n      </Menu.Content>\n    </Menu>\n  );\n}"
-    }
-}

package/dist/components/Modal/examples/01-basic-modal.d.ts

@@ -1,6 +0,0 @@
-export declare const metadata: {
-    title: string;
-    description: string;
-};
-export default function Example(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=01-basic-modal.d.ts.map

package/dist/components/Modal/examples/01-basic-modal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-basic-modal.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/examples/01-basic-modal.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,4CAa9B"}