@lerianstudio/sindarian-ui 2.0.0-beta.25 → 2.0.0-beta.27

package/dist/charts/chart.js

@@ -1,232 +1,5 @@
-'use client';
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ChartStyle = exports.ChartLegend = exports.ChartTooltip = void 0;
-exports.ChartContainer = ChartContainer;
-exports.ChartTooltipContent = ChartTooltipContent;
-exports.ChartLegendContent = ChartLegendContent;
-const jsx_runtime_1 = require("react/jsx-runtime");
-/**
- * Recharts wrapper family (shadcn canon).
- *
- * `ChartContainer` takes a `ChartConfig` keyed by series name and injects one
- * `--color-<key>` CSS variable per series, scoped to that chart instance and
- * emitted twice — once for light, once under `.dark` — so a chart re-colors
- * with the theme without a re-render. Recharts series then reference
- * `var(--color-<key>)`.
- *
- * Series colors come from the design tokens: pass `color: 'var(--color-chart-1)'`
- * (the Tailwind `@theme` name, already wrapped in `hsl()`), never the raw
- * `var(--chart-1)` triple, which is not a usable color value on its own.
- */
-const React = __importStar(require("react"));
-const RechartsPrimitive = __importStar(require("recharts"));
-const utils_1 = require("../lib/utils");
-// Format: { THEME_NAME: CSS_SELECTOR }
-const THEMES = { light: '', dark: '.dark' };
-/**
- * ChartStyle writes a stylesheet through `dangerouslySetInnerHTML`, so every
- * interpolated value is an injection sink: `</style>` inside a config key, id,
- * or color would close the element and let arbitrary markup follow. Config
- * often carries server data (series names from an API), so these are validated
- * rather than trusted.
- *
- * CSS_IDENT — the chart id, which lands in an UNQUOTED attribute selector and
- * so may not lead with a digit.
- * CONFIG_KEY — series keys, which become `--color-<key>` custom-property names.
- * Custom properties DO allow a leading digit, so a numeric series (a year, say)
- * must pass; only CSS syntax is excluded.
- */
-const CSS_IDENT = /^[A-Za-z_][\w-]*$/;
-const CONFIG_KEY = /^[\w-]+$/;
-/**
- * A deliberately conservative character allowlist covering hex, named, `var(…)`,
- * `rgb()/hsl()/color-mix()` and slash-alpha forms. It admits no `<`, `>`, `{`,
- * `}`, `;`, `:`, quote, backslash, `@`, `*` or `!`, which rules out tag-closing,
- * rule termination, comments, at-rules and `!important`.
- *
- * `url(…)` is rejected separately: the allowlist alone would pass an unquoted
- * `url(//evil.test/pixel.png)` — no colon or quote required — which the browser
- * would fetch, leaking the viewer's IP and referrer to a third party. The
- * whitespace tolerance covers `url (…)` variants.
- */
-const CSS_COLOR = /^[\w\s#%.,()/-]+$/;
-const CSS_URL = /url\s*\(/i;
-function isSafeColor(color) {
-    return CSS_COLOR.test(color) && !CSS_URL.test(color);
-}
-const INITIAL_DIMENSION = { width: 320, height: 200 };
-const ChartContext = React.createContext(null);
-function useChart() {
-    const context = React.useContext(ChartContext);
-    if (!context) {
-        throw new Error('useChart must be used within a <ChartContainer />');
-    }
-    return context;
-}
-function ChartContainer({ id, className, children, config, ariaLabel, initialDimension = INITIAL_DIMENSION, ...props }) {
-    const uniqueId = React.useId();
-    // chartId lands in BOTH a DOM attribute and a CSS attribute selector, so the
-    // two must agree and neither may carry syntax — strip to [\w-] once, here.
-    const chartId = `chart-${(id ?? uniqueId).replace(/[^\w-]/g, '')}`;
-    // Resolve the accessibility contract for the container element:
-    // named → expose as an image with that name; false → hide from a11y tree.
-    const a11yProps = typeof ariaLabel === 'string' && ariaLabel.length > 0
-        ? { role: 'img', 'aria-label': ariaLabel }
-        : ariaLabel === false
-            ? { 'aria-hidden': true }
-            : {};
-    return ((0, jsx_runtime_1.jsx)(ChartContext.Provider, { value: { config }, children: (0, jsx_runtime_1.jsxs)("div", { "data-slot": "chart", "data-chart": chartId, ...a11yProps, className: (0, utils_1.cn)("[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden", className), ...props, children: [(0, jsx_runtime_1.jsx)(ChartStyle, { id: chartId, config: config }), (0, jsx_runtime_1.jsx)(RechartsPrimitive.ResponsiveContainer, { initialDimension: initialDimension, children: children })] }) }));
-}
-const ChartStyle = ({ id, config }) => {
-    // An id that cannot be written as a CSS identifier cannot be scoped safely,
-    // and an unscoped rule would leak across every chart on the page.
-    if (!CSS_IDENT.test(id)) {
-        return null;
-    }
-    const colorConfig = Object.entries(config).filter(([key, config]) => CONFIG_KEY.test(key) && (config.theme ?? config.color));
-    if (!colorConfig.length) {
-        return null;
-    }
-    return ((0, jsx_runtime_1.jsx)("style", { dangerouslySetInnerHTML: {
-            __html: Object.entries(THEMES)
-                .map(([theme, prefix]) => `
-${prefix} [data-chart=${id}] {
-${colorConfig
-                .map(([key, itemConfig]) => {
-                const color = itemConfig.theme?.[theme] ??
-                    itemConfig.color;
-                return color && isSafeColor(color) ? `  --color-${key}: ${color};` : null;
-            })
-                .join('\n')}
-}
-`)
-                .join('\n')
-        } }));
-};
-exports.ChartStyle = ChartStyle;
-const ChartTooltip = RechartsPrimitive.Tooltip;
-exports.ChartTooltip = ChartTooltip;
-function ChartTooltipContent({ active, payload, className, indicator = 'dot', hideLabel = false, hideIndicator = false, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey }) {
-    const { config } = useChart();
-    const tooltipLabel = React.useMemo(() => {
-        if (hideLabel || !payload?.length) {
-            return null;
-        }
-        const [item] = payload;
-        const key = `${labelKey ?? item?.dataKey ?? item?.name ?? 'value'}`;
-        const itemConfig = getPayloadConfigFromPayload(config, item, key);
-        const value = !labelKey && typeof label === 'string'
-            ? (config[label]?.label ?? label)
-            : itemConfig?.label;
-        if (labelFormatter) {
-            return ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)('font-medium', labelClassName), children: labelFormatter(value, payload) }));
-        }
-        if (!value) {
-            return null;
-        }
-        return (0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)('font-medium', labelClassName), children: value });
-    }, [
-        label,
-        labelFormatter,
-        payload,
-        hideLabel,
-        labelClassName,
-        config,
-        labelKey
-    ]);
-    if (!active || !payload?.length) {
-        return null;
-    }
-    const nestLabel = payload.length === 1 && indicator !== 'dot';
-    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)('border-border/50 bg-background grid min-w-[8rem] items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl', className), children: [!nestLabel ? tooltipLabel : null, (0, jsx_runtime_1.jsx)("div", { className: "grid gap-1.5", children: payload
-                    .filter((item) => item.type !== 'none')
-                    .map((item, index) => {
-                    const key = `${nameKey ?? item.name ?? item.dataKey ?? 'value'}`;
-                    const itemConfig = getPayloadConfigFromPayload(config, item, key);
-                    const indicatorColor = color ?? item.payload?.fill ?? item.color;
-                    return ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)('[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5', indicator === 'dot' && 'items-center'), children: formatter && item?.value !== undefined && item.name ? (formatter(item.value, item.name, item, index, item.payload)) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [itemConfig?.icon ? ((0, jsx_runtime_1.jsx)(itemConfig.icon, {})) : (!hideIndicator && ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)('shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)', {
-                                        'h-2.5 w-2.5': indicator === 'dot',
-                                        'w-1': indicator === 'line',
-                                        'w-0 border-[1.5px] border-dashed bg-transparent': indicator === 'dashed',
-                                        'my-0.5': nestLabel && indicator === 'dashed'
-                                    }), style: {
-                                        '--color-bg': indicatorColor,
-                                        '--color-border': indicatorColor
-                                    } }))), (0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)('flex flex-1 justify-between leading-none', nestLabel ? 'items-end' : 'items-center'), children: [(0, jsx_runtime_1.jsxs)("div", { className: "grid gap-1.5", children: [nestLabel ? tooltipLabel : null, (0, jsx_runtime_1.jsx)("span", { className: "text-muted-foreground", children: itemConfig?.label ?? item.name })] }), item.value != null && ((0, jsx_runtime_1.jsx)("span", { className: "text-foreground font-mono font-medium tabular-nums", children: typeof item.value === 'number'
-                                                ? item.value.toLocaleString()
-                                                : String(item.value) }))] })] })) }, index));
-                }) })] }));
-}
-const ChartLegend = RechartsPrimitive.Legend;
-exports.ChartLegend = ChartLegend;
-function ChartLegendContent({ className, hideIcon = false, payload, verticalAlign = 'bottom', nameKey }) {
-    const { config } = useChart();
-    if (!payload?.length) {
-        return null;
-    }
-    return ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)('flex items-center justify-center gap-4', verticalAlign === 'top' ? 'pb-3' : 'pt-3', className), children: payload
-            .filter((item) => item.type !== 'none')
-            .map((item, index) => {
-            const key = `${nameKey ?? item.dataKey ?? 'value'}`;
-            const itemConfig = getPayloadConfigFromPayload(config, item, key);
-            return ((0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)('[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3'), children: [itemConfig?.icon && !hideIcon ? ((0, jsx_runtime_1.jsx)(itemConfig.icon, {})) : ((0, jsx_runtime_1.jsx)("div", { className: "h-2 w-2 shrink-0 rounded-[2px]", style: {
-                            backgroundColor: item.color
-                        } })), itemConfig?.label] }, index));
-        }) }));
-}
-// Helper to extract item config from a payload.
-function getPayloadConfigFromPayload(config, payload, key) {
-    if (typeof payload !== 'object' || payload === null) {
-        return undefined;
-    }
-    const payloadPayload = 'payload' in payload &&
-        typeof payload.payload === 'object' &&
-        payload.payload !== null
-        ? payload.payload
-        : undefined;
-    let configLabelKey = key;
-    if (key in payload &&
-        typeof payload[key] === 'string') {
-        configLabelKey = payload[key];
-    }
-    else if (payloadPayload &&
-        key in payloadPayload &&
-        typeof payloadPayload[key] === 'string') {
-        configLabelKey = payloadPayload[key];
-    }
-    return configLabelKey in config ? config[configLabelKey] : config[key];
+"use client";"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(s,e,n,t){if(t===void 0)t=n;var r=Object.getOwnPropertyDescriptor(e,n);if(!r||("get"in r?!e.__esModule:r.writable||r.configurable)){r={enumerable:true,get:function(){return e[n]}}}Object.defineProperty(s,t,r)}):(function(s,e,n,t){if(t===void 0)t=n;s[t]=e[n]}));var __setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(s,e){Object.defineProperty(s,"default",{enumerable:true,value:e})}):function(s,e){s["default"]=e});var __importStar=this&&this.__importStar||(function(){var s=function(e){s=Object.getOwnPropertyNames||function(n){var t=[];for(var r in n)if(Object.prototype.hasOwnProperty.call(n,r))t[t.length]=r;return t};return s(e)};return function(e){if(e&&e.__esModule)return e;var n={};if(e!=null){for(var t=s(e),r=0;r<t.length;r++)if(t[r]!=="default")__createBinding(n,e,t[r])}__setModuleDefault(n,e);return n}})();Object.defineProperty(exports,"__esModule",{value:true});exports.ChartStyle=exports.ChartLegend=exports.ChartTooltip=void 0;exports.ChartContainer=ChartContainer;exports.ChartTooltipContent=ChartTooltipContent;exports.ChartLegendContent=ChartLegendContent;const jsx_runtime_1=require("react/jsx-runtime");const React=__importStar(require("react"));const RechartsPrimitive=__importStar(require("recharts"));const utils_1=require("../lib/utils");const THEMES={light:"",dark:".dark"};const CSS_IDENT=/^[A-Za-z_][\w-]*$/;const CONFIG_KEY=/^[\w-]+$/;const CSS_COLOR=/^[\w\s#%.,()/-]+$/;const CSS_URL=/url\s*\(/i;function isSafeColor(s){return CSS_COLOR.test(s)&&!CSS_URL.test(s)}const INITIAL_DIMENSION={width:320,height:200};const ChartContext=React.createContext(null);function useChart(){const s=React.useContext(ChartContext);if(!s){throw new Error("useChart must be used within a <ChartContainer />")}return s}function ChartContainer({id:s,className:e,children:n,config:t,ariaLabel:r,initialDimension:u=INITIAL_DIMENSION,...c}){const i=React.useId();const a=`chart-${(s??i).replace(/[^\w-]/g,"")}`;const l=typeof r==="string"&&r.length>0?{role:"img","aria-label":r}:r===false?{"aria-hidden":true}:{};return(0,jsx_runtime_1.jsx)(ChartContext.Provider,{value:{config:t},children:(0,jsx_runtime_1.jsxs)("div",{"data-slot":"chart","data-chart":a,...l,className:(0,utils_1.cn)("[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden",e),...c,children:[(0,jsx_runtime_1.jsx)(ChartStyle,{id:a,config:t}),(0,jsx_runtime_1.jsx)(RechartsPrimitive.ResponsiveContainer,{initialDimension:u,children:n})]})})}const ChartStyle=({id:s,config:e})=>{if(!CSS_IDENT.test(s)){return null}const n=Object.entries(e).filter(([t,r])=>CONFIG_KEY.test(t)&&(r.theme??r.color));if(!n.length){return null}return(0,jsx_runtime_1.jsx)("style",{dangerouslySetInnerHTML:{__html:Object.entries(THEMES).map(([t,r])=>`
+${r} [data-chart=${s}] {
+${n.map(([u,c])=>{const i=c.theme?.[t]??c.color;return i&&isSafeColor(i)?`  --color-${u}: ${i};`:null}).join("\n")}
 }
+`).join("\n")}})};exports.ChartStyle=ChartStyle;const ChartTooltip=RechartsPrimitive.Tooltip;exports.ChartTooltip=ChartTooltip;function ChartTooltipContent({active:s,payload:e,className:n,indicator:t="dot",hideLabel:r=false,hideIndicator:u=false,label:c,labelFormatter:i,labelClassName:a,formatter:l,color:j,nameKey:C,labelKey:p}){const{config:f}=useChart();const v=React.useMemo(()=>{if(r||!e?.length){return null}const[o]=e;const g=`${p??o?.dataKey??o?.name??"value"}`;const x=getPayloadConfigFromPayload(f,o,g);const d=!p&&typeof c==="string"?f[c]?.label??c:x?.label;if(i){return(0,jsx_runtime_1.jsx)("div",{className:(0,utils_1.cn)("font-medium",a),children:i(d,e)})}if(!d){return null}return(0,jsx_runtime_1.jsx)("div",{className:(0,utils_1.cn)("font-medium",a),children:d})},[c,i,e,r,a,f,p]);if(!s||!e?.length){return null}const h=e.length===1&&t!=="dot";return(0,jsx_runtime_1.jsxs)("div",{className:(0,utils_1.cn)("border-border/50 bg-background grid min-w-[8rem] items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl",n),children:[!h?v:null,(0,jsx_runtime_1.jsx)("div",{className:"grid gap-1.5",children:e.filter(o=>o.type!=="none").map((o,g)=>{const x=`${C??o.name??o.dataKey??"value"}`;const d=getPayloadConfigFromPayload(f,o,x);const _=j??o.payload?.fill??o.color;return(0,jsx_runtime_1.jsx)("div",{className:(0,utils_1.cn)("[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5",t==="dot"&&"items-center"),children:l&&o?.value!==void 0&&o.name?l(o.value,o.name,o,g,o.payload):(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[d?.icon?(0,jsx_runtime_1.jsx)(d.icon,{}):!u&&(0,jsx_runtime_1.jsx)("div",{className:(0,utils_1.cn)("shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)",{"h-2.5 w-2.5":t==="dot","w-1":t==="line","w-0 border-[1.5px] border-dashed bg-transparent":t==="dashed","my-0.5":h&&t==="dashed"}),style:{"--color-bg":_,"--color-border":_}}),(0,jsx_runtime_1.jsxs)("div",{className:(0,utils_1.cn)("flex flex-1 justify-between leading-none",h?"items-end":"items-center"),children:[(0,jsx_runtime_1.jsxs)("div",{className:"grid gap-1.5",children:[h?v:null,(0,jsx_runtime_1.jsx)("span",{className:"text-muted-foreground",children:d?.label??o.name})]}),o.value!=null&&(0,jsx_runtime_1.jsx)("span",{className:"text-foreground font-mono font-medium tabular-nums",children:typeof o.value==="number"?o.value.toLocaleString():String(o.value)})]})]})},g)})})]})}const ChartLegend=RechartsPrimitive.Legend;exports.ChartLegend=ChartLegend;function ChartLegendContent({className:s,hideIcon:e=false,payload:n,verticalAlign:t="bottom",nameKey:r}){const{config:u}=useChart();if(!n?.length){return null}return(0,jsx_runtime_1.jsx)("div",{className:(0,utils_1.cn)("flex items-center justify-center gap-4",t==="top"?"pb-3":"pt-3",s),children:n.filter(c=>c.type!=="none").map((c,i)=>{const a=`${r??c.dataKey??"value"}`;const l=getPayloadConfigFromPayload(u,c,a);return(0,jsx_runtime_1.jsxs)("div",{className:(0,utils_1.cn)("[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3"),children:[l?.icon&&!e?(0,jsx_runtime_1.jsx)(l.icon,{}):(0,jsx_runtime_1.jsx)("div",{className:"h-2 w-2 shrink-0 rounded-[2px]",style:{backgroundColor:c.color}}),l?.label]},i)})})}function getPayloadConfigFromPayload(s,e,n){if(typeof e!=="object"||e===null){return void 0}const t="payload"in e&&typeof e.payload==="object"&&e.payload!==null?e.payload:void 0;let r=n;if(n in e&&typeof e[n]==="string"){r=e[n]}else if(t&&n in t&&typeof t[n]==="string"){r=t[n]}return r in s?s[r]:s[n]}

package/dist/charts/index.js

@@ -1,11 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ChartLegendContent = exports.ChartLegend = exports.ChartTooltipContent = exports.ChartTooltip = exports.ChartContainer = void 0;
-// Owned by lane theme-toasts-charts — see docs/plans/2026-08-26-sindarian-x-retirement/
-// ChartStyle stays internal: it is an implementation detail of ChartContainer.
-var chart_1 = require("./chart");
-Object.defineProperty(exports, "ChartContainer", { enumerable: true, get: function () { return chart_1.ChartContainer; } });
-Object.defineProperty(exports, "ChartTooltip", { enumerable: true, get: function () { return chart_1.ChartTooltip; } });
-Object.defineProperty(exports, "ChartTooltipContent", { enumerable: true, get: function () { return chart_1.ChartTooltipContent; } });
-Object.defineProperty(exports, "ChartLegend", { enumerable: true, get: function () { return chart_1.ChartLegend; } });
-Object.defineProperty(exports, "ChartLegendContent", { enumerable: true, get: function () { return chart_1.ChartLegendContent; } });
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.ChartLegendContent=exports.ChartLegend=exports.ChartTooltipContent=exports.ChartTooltip=exports.ChartContainer=void 0;var chart_1=require("./chart");Object.defineProperty(exports,"ChartContainer",{enumerable:true,get:function(){return chart_1.ChartContainer}});Object.defineProperty(exports,"ChartTooltip",{enumerable:true,get:function(){return chart_1.ChartTooltip}});Object.defineProperty(exports,"ChartTooltipContent",{enumerable:true,get:function(){return chart_1.ChartTooltipContent}});Object.defineProperty(exports,"ChartLegend",{enumerable:true,get:function(){return chart_1.ChartLegend}});Object.defineProperty(exports,"ChartLegendContent",{enumerable:true,get:function(){return chart_1.ChartLegendContent}});

package/dist/components/breadcrumb/get-breadcrumb-paths.js

@@ -1,18 +1 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getBreadcrumbPaths = getBreadcrumbPaths;
-const isNil_js_1 = __importDefault(require("lodash/isNil.js"));
-function getBreadcrumbPaths(paths) {
-    return (paths
-        .filter((path) => {
-        if ((0, isNil_js_1.default)(path.active)) {
-            return true;
-        }
-        return path.active();
-    })
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        .map(({ active, ...path }) => path));
-}
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{"default":e}};Object.defineProperty(exports,"__esModule",{value:true});exports.getBreadcrumbPaths=getBreadcrumbPaths;const isNil_js_1=__importDefault(require("lodash/isNil.js"));function getBreadcrumbPaths(e){return e.filter(t=>{if((0,isNil_js_1.default)(t.active)){return true}return t.active()}).map(({active:t,...r})=>r)}

package/dist/components/breadcrumb/index.js

@@ -1,37 +1 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Breadcrumb = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importDefault(require("react"));
-const breadcrumb_1 = require("../../components/ui/breadcrumb");
-const Breadcrumb = ({ paths }) => {
-    const last = paths.length - 1;
-    return ((0, jsx_runtime_1.jsx)(breadcrumb_1.Breadcrumb, { children: (0, jsx_runtime_1.jsx)(breadcrumb_1.BreadcrumbList, { children: paths.map((path, index) => {
-                /**
-                 * ⛔ THE LAST CRUMB IS THE PAGE, whatever the caller passed.
-                 *
-                 * The page marker used to be a side effect of the caller omitting
-                 * `href`, and nothing in `getBreadcrumbPaths` makes the last entry
-                 * omit one. A trail whose final entry carried an href therefore had
-                 * no `aria-current="page"` anywhere — a screen reader could not tell
-                 * which of three links was the page being read — and the crumb was a
-                 * live link back to the page the reader is already on.
-                 *
-                 * ⚠️ AND AN HREF-LESS ANCESTOR IS NOT A SWITCHED-OFF LINK. It used
-                 * to reach `BreadcrumbPage` too, which hard-codes `role="link"
-                 * aria-disabled="true"` — the right shape for the page you are ON,
-                 * a destination that exists and simply is not navigable from here.
-                 * An ancestor with no href is a grouping label: there is no page
-                 * behind it, so "Settings, link, dimmed" told the reader a
-                 * destination was unavailable to them rather than that it was never
-                 * a destination, and inflated the link count of the trail. It is
-                 * plain text now, and only the last crumb is the page.
-                 */
-                const isLast = index === last;
-                return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)(breadcrumb_1.BreadcrumbItem, { children: path.href && !isLast ? ((0, jsx_runtime_1.jsx)(breadcrumb_1.BreadcrumbLink, { href: path.href, children: path.name })) : isLast ? ((0, jsx_runtime_1.jsx)(breadcrumb_1.BreadcrumbPage, { children: path.name })) : ((0, jsx_runtime_1.jsx)("span", { className: "breadcrumb-page", children: path.name })) }), !isLast && (0, jsx_runtime_1.jsx)(breadcrumb_1.BreadcrumbSeparator, {})] }, index));
-            }) }) }));
-};
-exports.Breadcrumb = Breadcrumb;
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{"default":e}};Object.defineProperty(exports,"__esModule",{value:true});exports.Breadcrumb=void 0;const jsx_runtime_1=require("react/jsx-runtime");const react_1=__importDefault(require("react"));const breadcrumb_1=require("../../components/ui/breadcrumb");const Breadcrumb=({paths:e})=>{const s=e.length-1;return(0,jsx_runtime_1.jsx)(breadcrumb_1.Breadcrumb,{children:(0,jsx_runtime_1.jsx)(breadcrumb_1.BreadcrumbList,{children:e.map((r,c)=>{const t=c===s;return(0,jsx_runtime_1.jsxs)(react_1.default.Fragment,{children:[(0,jsx_runtime_1.jsx)(breadcrumb_1.BreadcrumbItem,{children:r.href&&!t?(0,jsx_runtime_1.jsx)(breadcrumb_1.BreadcrumbLink,{href:r.href,children:r.name}):t?(0,jsx_runtime_1.jsx)(breadcrumb_1.BreadcrumbPage,{children:r.name}):(0,jsx_runtime_1.jsx)("span",{className:"breadcrumb-page",children:r.name})}),!t&&(0,jsx_runtime_1.jsx)(breadcrumb_1.BreadcrumbSeparator,{})]},c)})})})};exports.Breadcrumb=Breadcrumb;

package/dist/components/card/account-card/index.js

@@ -1,69 +1 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AccountBalanceCard = AccountBalanceCard;
-exports.AccountBalanceCardIcon = AccountBalanceCardIcon;
-exports.AccountBalanceCardHeader = AccountBalanceCardHeader;
-exports.AccountBalanceCardTitle = AccountBalanceCardTitle;
-exports.AccountBalanceCardDeleteButton = AccountBalanceCardDeleteButton;
-exports.AccountBalanceCardContent = AccountBalanceCardContent;
-exports.AccountBalanceCardLoading = AccountBalanceCardLoading;
-exports.AccountBalanceCardEmpty = AccountBalanceCardEmpty;
-exports.AccountBalanceCardInfo = AccountBalanceCardInfo;
-exports.AccountBalanceCardUpdateButton = AccountBalanceCardUpdateButton;
-exports.AccountBalanceCardTrigger = AccountBalanceCardTrigger;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importDefault(require("react"));
-const react_collapsible_1 = require("@radix-ui/react-collapsible");
-const utils_1 = require("../../../lib/utils");
-const card_1 = require("../../../components/ui/card");
-const button_1 = require("../../../components/ui/button");
-const lucide_react_1 = require("lucide-react");
-const collapsible_1 = require("../../../components/ui/collapsible");
-const skeleton_1 = require("../../../components/ui/skeleton");
-const use_time_1 = require("../../../hooks/use-time");
-const dayjs_1 = __importDefault(require("dayjs"));
-const icon_button_1 = require("../../../components/ui/icon-button");
-const AccountBalanceCardContext = react_1.default.createContext({
-    open: false
-});
-function AccountBalanceCard({ className, open, onOpenChange, children, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(react_collapsible_1.Collapsible, { open: open, onOpenChange: onOpenChange, "data-slot": "account-balance-card", className: (0, utils_1.cn)('w-full', className), ...props, children: (0, jsx_runtime_1.jsx)(AccountBalanceCardContext.Provider, { value: { open }, children: (0, jsx_runtime_1.jsx)(card_1.Card, { className: "relative gap-2 px-5 py-4 shadow-xs", children: children }) }) }));
-}
-function AccountBalanceCardIcon({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(lucide_react_1.User, { "data-slot": "account-balance-card-icon", strokeWidth: 1, className: (0, utils_1.cn)('text-foreground mb-[14px] size-8 opacity-40', className), ...props }));
-}
-function AccountBalanceCardHeader({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "account-balance-card-header", className: (0, utils_1.cn)('flex flex-col', className), ...props }));
-}
-function AccountBalanceCardTitle({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("p", { "data-slot": "account-balance-card-title", className: (0, utils_1.cn)('text-foreground text-lg font-bold', className), ...props }));
-}
-function AccountBalanceCardDeleteButton({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(icon_button_1.IconButton, { variant: "outline", size: "small", rounded: true, "data-slot": "account-balance-card-delete-button", className: (0, utils_1.cn)('absolute top-3 right-3', className), ...props, children: (0, jsx_runtime_1.jsx)(lucide_react_1.Trash, { className: "text-muted-foreground h-4 w-4" }) }));
-}
-function AccountBalanceCardContent({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(collapsible_1.CollapsibleContent, { "data-slot": "account-balance-card-content", className: (0, utils_1.cn)('motion-safe:data-[state=closed]:animate-accordion-up motion-safe:data-[state=open]:animate-accordion-down overflow-hidden', className), ...props }));
-}
-function AccountBalanceCardLoading({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { "data-slot": "account-balance-card-loading", className: (0, utils_1.cn)('bg-muted mt-3 h-3 w-full rounded-md', className), ...props }));
-}
-function AccountBalanceCardEmpty({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("p", { "data-slot": "account-balance-card-empty", className: (0, utils_1.cn)('text-muted-foreground mt-3 text-center text-sm font-normal', className), ...props }));
-}
-function AccountBalanceCardInfo({ className, assetCode, value, children: _children, ref, ...props }) {
-    return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, "data-slot": "account-balance-card-info", className: (0, utils_1.cn)('text-muted-foreground mt-3 flex flex-row items-center justify-between text-sm font-normal', className), ...props, children: [(0, jsx_runtime_1.jsx)("p", { children: assetCode }), (0, jsx_runtime_1.jsx)("p", { children: value })] }));
-}
-function AccountBalanceCardUpdateButton({ className: _className, loading, timestamp, loadingLabel = 'Updating...', updatedInLabel = 'Updated in', updatedLabel = 'Updated', onRefresh, children: _children, ref, ...props }) {
-    const _time = (0, use_time_1.useTime)({ interval: 1000 * 60 });
-    const updated = react_1.default.useMemo(() => {
-        return !(0, dayjs_1.default)(timestamp).isBefore((0, dayjs_1.default)().subtract(1, 'minute'));
-    }, [_time, timestamp]);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "mb-3 flex flex-row items-center justify-end gap-2", children: [(0, jsx_runtime_1.jsxs)("p", { className: "text-muted-foreground text-xs font-medium", children: [loading && loadingLabel, !loading && !updated && updatedInLabel, !loading && updated && updatedLabel] }), !loading && updated && ((0, jsx_runtime_1.jsx)(lucide_react_1.CheckCircle2, { className: "text-system-success-h1a h-4 w-4" })), (!updated || loading) && ((0, jsx_runtime_1.jsx)(button_1.Button, { ref: ref, variant: "link", "data-slot": "account-balance-card-update-button", className: "h-3 p-0", onClick: onRefresh, disabled: loading, ...props, children: (0, jsx_runtime_1.jsx)(lucide_react_1.RefreshCw, { className: (0, utils_1.cn)('size-4', { 'motion-safe:animate-spin': loading }) }) }))] }));
-}
-function AccountBalanceCardTrigger({ className, openLabel, closeLabel, children: _children, ...props }) {
-    const { open } = react_1.default.useContext(AccountBalanceCardContext);
-    return ((0, jsx_runtime_1.jsx)(collapsible_1.CollapsibleTrigger, { asChild: true, children: (0, jsx_runtime_1.jsx)(button_1.Button, { variant: "link", "data-slot": "account-balance-card-trigger", className: (0, utils_1.cn)('text-muted-foreground h-4 p-0 text-xs', className), ...props, children: !open ? openLabel : closeLabel }) }));
-}
+"use strict";var __importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{"default":t}};Object.defineProperty(exports,"__esModule",{value:true});exports.AccountBalanceCard=AccountBalanceCard;exports.AccountBalanceCardIcon=AccountBalanceCardIcon;exports.AccountBalanceCardHeader=AccountBalanceCardHeader;exports.AccountBalanceCardTitle=AccountBalanceCardTitle;exports.AccountBalanceCardDeleteButton=AccountBalanceCardDeleteButton;exports.AccountBalanceCardContent=AccountBalanceCardContent;exports.AccountBalanceCardLoading=AccountBalanceCardLoading;exports.AccountBalanceCardEmpty=AccountBalanceCardEmpty;exports.AccountBalanceCardInfo=AccountBalanceCardInfo;exports.AccountBalanceCardUpdateButton=AccountBalanceCardUpdateButton;exports.AccountBalanceCardTrigger=AccountBalanceCardTrigger;const jsx_runtime_1=require("react/jsx-runtime");const react_1=__importDefault(require("react"));const react_collapsible_1=require("@radix-ui/react-collapsible");const utils_1=require("../../../lib/utils");const card_1=require("../../../components/ui/card");const button_1=require("../../../components/ui/button");const lucide_react_1=require("lucide-react");const collapsible_1=require("../../../components/ui/collapsible");const skeleton_1=require("../../../components/ui/skeleton");const use_time_1=require("../../../hooks/use-time");const dayjs_1=__importDefault(require("dayjs"));const icon_button_1=require("../../../components/ui/icon-button");const AccountBalanceCardContext=react_1.default.createContext({open:false});function AccountBalanceCard({className:t,open:e,onOpenChange:a,children:c,...n}){return(0,jsx_runtime_1.jsx)(react_collapsible_1.Collapsible,{open:e,onOpenChange:a,"data-slot":"account-balance-card",className:(0,utils_1.cn)("w-full",t),...n,children:(0,jsx_runtime_1.jsx)(AccountBalanceCardContext.Provider,{value:{open:e},children:(0,jsx_runtime_1.jsx)(card_1.Card,{className:"relative gap-2 px-5 py-4 shadow-xs",children:c})})})}function AccountBalanceCardIcon({className:t,...e}){return(0,jsx_runtime_1.jsx)(lucide_react_1.User,{"data-slot":"account-balance-card-icon",strokeWidth:1,className:(0,utils_1.cn)("text-foreground mb-[14px] size-8 opacity-40",t),...e})}function AccountBalanceCardHeader({className:t,...e}){return(0,jsx_runtime_1.jsx)("div",{"data-slot":"account-balance-card-header",className:(0,utils_1.cn)("flex flex-col",t),...e})}function AccountBalanceCardTitle({className:t,...e}){return(0,jsx_runtime_1.jsx)("p",{"data-slot":"account-balance-card-title",className:(0,utils_1.cn)("text-foreground text-lg font-bold",t),...e})}function AccountBalanceCardDeleteButton({className:t,...e}){return(0,jsx_runtime_1.jsx)(icon_button_1.IconButton,{variant:"outline",size:"small",rounded:true,"data-slot":"account-balance-card-delete-button",className:(0,utils_1.cn)("absolute top-3 right-3",t),...e,children:(0,jsx_runtime_1.jsx)(lucide_react_1.Trash,{className:"text-muted-foreground h-4 w-4"})})}function AccountBalanceCardContent({className:t,...e}){return(0,jsx_runtime_1.jsx)(collapsible_1.CollapsibleContent,{"data-slot":"account-balance-card-content",className:(0,utils_1.cn)("motion-safe:data-[state=closed]:animate-accordion-up motion-safe:data-[state=open]:animate-accordion-down overflow-hidden",t),...e})}function AccountBalanceCardLoading({className:t,...e}){return(0,jsx_runtime_1.jsx)(skeleton_1.Skeleton,{"data-slot":"account-balance-card-loading",className:(0,utils_1.cn)("bg-muted mt-3 h-3 w-full rounded-md",t),...e})}function AccountBalanceCardEmpty({className:t,...e}){return(0,jsx_runtime_1.jsx)("p",{"data-slot":"account-balance-card-empty",className:(0,utils_1.cn)("text-muted-foreground mt-3 text-center text-sm font-normal",t),...e})}function AccountBalanceCardInfo({className:t,assetCode:e,value:a,children:c,ref:n,...r}){return(0,jsx_runtime_1.jsxs)("div",{ref:n,"data-slot":"account-balance-card-info",className:(0,utils_1.cn)("text-muted-foreground mt-3 flex flex-row items-center justify-between text-sm font-normal",t),...r,children:[(0,jsx_runtime_1.jsx)("p",{children:e}),(0,jsx_runtime_1.jsx)("p",{children:a})]})}function AccountBalanceCardUpdateButton({className:t,loading:e,timestamp:a,loadingLabel:c="Updating...",updatedInLabel:n="Updated in",updatedLabel:r="Updated",onRefresh:s,children:i,ref:l,...u}){const d=(0,use_time_1.useTime)({interval:1e3*60});const o=react_1.default.useMemo(()=>{return!(0,dayjs_1.default)(a).isBefore((0,dayjs_1.default)().subtract(1,"minute"))},[d,a]);return(0,jsx_runtime_1.jsxs)("div",{className:"mb-3 flex flex-row items-center justify-end gap-2",children:[(0,jsx_runtime_1.jsxs)("p",{className:"text-muted-foreground text-xs font-medium",children:[e&&c,!e&&!o&&n,!e&&o&&r]}),!e&&o&&(0,jsx_runtime_1.jsx)(lucide_react_1.CheckCircle2,{className:"text-system-success-h1a h-4 w-4"}),(!o||e)&&(0,jsx_runtime_1.jsx)(button_1.Button,{ref:l,variant:"link","data-slot":"account-balance-card-update-button",className:"h-3 p-0",onClick:s,disabled:e,...u,children:(0,jsx_runtime_1.jsx)(lucide_react_1.RefreshCw,{className:(0,utils_1.cn)("size-4",{"motion-safe:animate-spin":e})})})]})}function AccountBalanceCardTrigger({className:t,openLabel:e,closeLabel:a,children:c,...n}){const{open:r}=react_1.default.useContext(AccountBalanceCardContext);return(0,jsx_runtime_1.jsx)(collapsible_1.CollapsibleTrigger,{asChild:true,children:(0,jsx_runtime_1.jsx)(button_1.Button,{variant:"link","data-slot":"account-balance-card-trigger",className:(0,utils_1.cn)("text-muted-foreground h-4 p-0 text-xs",t),...n,children:!r?e:a})})}

package/dist/components/card/basic-card/index.js

@@ -1,20 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BasicCard = BasicCard;
-exports.BasicCardTitle = BasicCardTitle;
-exports.BasicCardContent = BasicCardContent;
-exports.BasicCardAction = BasicCardAction;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const utils_1 = require("../../../lib/utils");
-function BasicCard({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)('bg-card flex flex-col rounded-lg p-6', className), ...props }));
-}
-function BasicCardTitle({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("h2", { className: (0, utils_1.cn)('text-foreground mb-4 text-sm font-medium', className), ...props }));
-}
-function BasicCardContent({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)('text-muted-foreground mb-6 text-sm font-medium', className), ...props }));
-}
-function BasicCardAction({ className, ...props }) {
-    return (0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)('flex flex-col', className), ...props });
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.BasicCard=BasicCard;exports.BasicCardTitle=BasicCardTitle;exports.BasicCardContent=BasicCardContent;exports.BasicCardAction=BasicCardAction;const jsx_runtime_1=require("react/jsx-runtime");const utils_1=require("../../../lib/utils");function BasicCard({className:e,...t}){return(0,jsx_runtime_1.jsx)("div",{className:(0,utils_1.cn)("bg-card flex flex-col rounded-lg p-6",e),...t})}function BasicCardTitle({className:e,...t}){return(0,jsx_runtime_1.jsx)("h2",{className:(0,utils_1.cn)("text-foreground mb-4 text-sm font-medium",e),...t})}function BasicCardContent({className:e,...t}){return(0,jsx_runtime_1.jsx)("div",{className:(0,utils_1.cn)("text-muted-foreground mb-6 text-sm font-medium",e),...t})}function BasicCardAction({className:e,...t}){return(0,jsx_runtime_1.jsx)("div",{className:(0,utils_1.cn)("flex flex-col",e),...t})}

package/dist/components/card/dashboard-card/index.js

@@ -1,20 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DashboardCard = DashboardCard;
-exports.DashboardCardIcon = DashboardCardIcon;
-exports.DashboardCardTitle = DashboardCardTitle;
-exports.DashboardCardContent = DashboardCardContent;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const utils_1 = require("../../../lib/utils");
-function DashboardCard({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)('bg-card relative flex flex-col rounded-lg p-6 pt-4', className), ...props }));
-}
-function DashboardCardIcon({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)('text-muted-foreground absolute top-4 right-6 flex size-6 items-center justify-center [&>svg]:size-6', className), ...props }));
-}
-function DashboardCardTitle({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("h2", { className: (0, utils_1.cn)('text-muted-foreground mb-4 text-sm font-medium uppercase', className), ...props }));
-}
-function DashboardCardContent({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)('text-muted-foreground text-[32px] font-extrabold', className), ...props }));
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.DashboardCard=DashboardCard;exports.DashboardCardIcon=DashboardCardIcon;exports.DashboardCardTitle=DashboardCardTitle;exports.DashboardCardContent=DashboardCardContent;const jsx_runtime_1=require("react/jsx-runtime");const utils_1=require("../../../lib/utils");function DashboardCard({className:e,...t}){return(0,jsx_runtime_1.jsx)("div",{className:(0,utils_1.cn)("bg-card relative flex flex-col rounded-lg p-6 pt-4",e),...t})}function DashboardCardIcon({className:e,...t}){return(0,jsx_runtime_1.jsx)("div",{className:(0,utils_1.cn)("text-muted-foreground absolute top-4 right-6 flex size-6 items-center justify-center [&>svg]:size-6",e),...t})}function DashboardCardTitle({className:e,...t}){return(0,jsx_runtime_1.jsx)("h2",{className:(0,utils_1.cn)("text-muted-foreground mb-4 text-sm font-medium uppercase",e),...t})}function DashboardCardContent({className:e,...t}){return(0,jsx_runtime_1.jsx)("div",{className:(0,utils_1.cn)("text-muted-foreground text-[32px] font-extrabold",e),...t})}

package/dist/components/card/entity-card/index.js

@@ -1,68 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EntityCardActionItem = void 0;
-exports.EntityCardGrid = EntityCardGrid;
-exports.EntityCardGridFooter = EntityCardGridFooter;
-exports.EntityCard = EntityCard;
-exports.EntityCardAction = EntityCardAction;
-exports.EntityCardHeader = EntityCardHeader;
-exports.EntityCardTitle = EntityCardTitle;
-exports.EntityCardIcon = EntityCardIcon;
-exports.EntityCardBadgeList = EntityCardBadgeList;
-exports.EntityCardBadge = EntityCardBadge;
-exports.EntityCardContent = EntityCardContent;
-exports.EntityCardDescription = EntityCardDescription;
-exports.EntityCardList = EntityCardList;
-exports.EntityCardFooter = EntityCardFooter;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const badge_1 = require("../../../components/ui/badge");
-const dropdown_menu_1 = require("../../../components/ui/dropdown-menu");
-const icon_button_1 = require("../../../components/ui/icon-button");
-const progress_1 = require("../../../components/ui/progress");
-const separator_1 = require("../../../components/ui/separator");
-const utils_1 = require("../../../lib/utils");
-const lucide_react_1 = require("lucide-react");
-function EntityCardGrid({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)('grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3', className), "data-slot": "entity-card-grid", ...props }));
-}
-function EntityCardGridFooter({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)(
-        // Semantic tokens, not raw palette steps: `bg-white`/`border-zinc-200`
-        // have no dark counterpart, so this footer stayed a white slab under
-        // cards that followed the theme.
-        'border-border bg-card flex items-center justify-between rounded-lg border px-6 py-4', className), "data-slot": "entity-card-grid-footer", ...props }));
-}
-function EntityCard({ className, value, progress = false, children, ...props }) {
-    return ((0, jsx_runtime_1.jsxs)("div", { "data-slot": "entity-card-wrapper", className: "transition-shadow hover:shadow-xl", children: [(0, jsx_runtime_1.jsx)("div", { "data-slot": "entity-card", className: (0, utils_1.cn)('bg-card relative flex flex-col gap-4 rounded-lg px-5 py-4', { 'rounded-b-none': progress }, className), ...props, children: children }), progress && (0, jsx_runtime_1.jsx)(progress_1.Progress, { className: "h-1.5 rounded-t-none", value: value })] }));
-}
-function EntityCardAction({ children, ...props }) {
-    return ((0, jsx_runtime_1.jsxs)(dropdown_menu_1.DropdownMenu, { ...props, children: [(0, jsx_runtime_1.jsx)(dropdown_menu_1.DropdownMenuTrigger, { className: "absolute top-2.5 right-2.5", children: (0, jsx_runtime_1.jsx)(icon_button_1.IconButton, { variant: "outline", size: "small", rounded: true, children: (0, jsx_runtime_1.jsx)(lucide_react_1.EllipsisVertical, {}) }) }), (0, jsx_runtime_1.jsx)(dropdown_menu_1.DropdownMenuContent, { children: children })] }));
-}
-exports.EntityCardActionItem = dropdown_menu_1.DropdownMenuItem;
-function EntityCardHeader({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "entity-card-header", className: (0, utils_1.cn)('flex flex-col gap-2', className), ...props }));
-}
-function EntityCardTitle({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("h3", { "data-slot": "entity-card-title", className: (0, utils_1.cn)('text-foreground text-sm font-semibold', className), ...props }));
-}
-function EntityCardIcon({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("span", { "data-slot": "entity-card-icon", className: (0, utils_1.cn)('text-muted-foreground size-8 [&>svg]:size-8 [&>svg]:stroke-[1.5]', className), ...props }));
-}
-function EntityCardBadgeList({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "entity-card-badge-list", className: (0, utils_1.cn)('flex flex-wrap gap-2', className), ...props }));
-}
-function EntityCardBadge({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(badge_1.Badge, { "data-slot": "entity-card-badge", className: (0, utils_1.cn)('h-5 text-xs', className), ...props }));
-}
-function EntityCardContent({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "entity-card-content", className: (0, utils_1.cn)('flex flex-col gap-2.5', className), ...props }));
-}
-function EntityCardDescription({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("p", { "data-slot": "entity-card-description", className: (0, utils_1.cn)('text-muted-foreground text-xs font-medium', className), ...props }));
-}
-function EntityCardList({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("ul", { "data-slot": "entity-card-list", className: (0, utils_1.cn)('text-muted-foreground mx-2 list-inside list-disc space-y-1 text-xs font-medium', className), ...props }));
-}
-function EntityCardFooter({ className, children, ...props }) {
-    return ((0, jsx_runtime_1.jsxs)("div", { "data-slot": "entity-card-footer", className: (0, utils_1.cn)('text-muted-foreground flex flex-col gap-2 text-xs font-medium', className), ...props, children: [(0, jsx_runtime_1.jsx)(separator_1.Separator, {}), (0, jsx_runtime_1.jsx)("div", { className: "[&>svg]:text-muted-foreground flex flex-row items-center gap-2 [&>svg]:size-4 [&>svg]:stroke-[1.5]", children: children })] }));
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.EntityCardActionItem=void 0;exports.EntityCardGrid=EntityCardGrid;exports.EntityCardGridFooter=EntityCardGridFooter;exports.EntityCard=EntityCard;exports.EntityCardAction=EntityCardAction;exports.EntityCardHeader=EntityCardHeader;exports.EntityCardTitle=EntityCardTitle;exports.EntityCardIcon=EntityCardIcon;exports.EntityCardBadgeList=EntityCardBadgeList;exports.EntityCardBadge=EntityCardBadge;exports.EntityCardContent=EntityCardContent;exports.EntityCardDescription=EntityCardDescription;exports.EntityCardList=EntityCardList;exports.EntityCardFooter=EntityCardFooter;const jsx_runtime_1=require("react/jsx-runtime");const badge_1=require("../../../components/ui/badge");const dropdown_menu_1=require("../../../components/ui/dropdown-menu");const icon_button_1=require("../../../components/ui/icon-button");const progress_1=require("../../../components/ui/progress");const separator_1=require("../../../components/ui/separator");const utils_1=require("../../../lib/utils");const lucide_react_1=require("lucide-react");function EntityCardGrid({className:t,...e}){return(0,jsx_runtime_1.jsx)("div",{className:(0,utils_1.cn)("grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3",t),"data-slot":"entity-card-grid",...e})}function EntityCardGridFooter({className:t,...e}){return(0,jsx_runtime_1.jsx)("div",{className:(0,utils_1.cn)("border-border bg-card flex items-center justify-between rounded-lg border px-6 py-4",t),"data-slot":"entity-card-grid-footer",...e})}function EntityCard({className:t,value:e,progress:r=false,children:n,...s}){return(0,jsx_runtime_1.jsxs)("div",{"data-slot":"entity-card-wrapper",className:"transition-shadow hover:shadow-xl",children:[(0,jsx_runtime_1.jsx)("div",{"data-slot":"entity-card",className:(0,utils_1.cn)("bg-card relative flex flex-col gap-4 rounded-lg px-5 py-4",{"rounded-b-none":r},t),...s,children:n}),r&&(0,jsx_runtime_1.jsx)(progress_1.Progress,{className:"h-1.5 rounded-t-none",value:e})]})}function EntityCardAction({children:t,...e}){return(0,jsx_runtime_1.jsxs)(dropdown_menu_1.DropdownMenu,{...e,children:[(0,jsx_runtime_1.jsx)(dropdown_menu_1.DropdownMenuTrigger,{className:"absolute top-2.5 right-2.5",children:(0,jsx_runtime_1.jsx)(icon_button_1.IconButton,{variant:"outline",size:"small",rounded:true,children:(0,jsx_runtime_1.jsx)(lucide_react_1.EllipsisVertical,{})})}),(0,jsx_runtime_1.jsx)(dropdown_menu_1.DropdownMenuContent,{children:t})]})}exports.EntityCardActionItem=dropdown_menu_1.DropdownMenuItem;function EntityCardHeader({className:t,...e}){return(0,jsx_runtime_1.jsx)("div",{"data-slot":"entity-card-header",className:(0,utils_1.cn)("flex flex-col gap-2",t),...e})}function EntityCardTitle({className:t,...e}){return(0,jsx_runtime_1.jsx)("h3",{"data-slot":"entity-card-title",className:(0,utils_1.cn)("text-foreground text-sm font-semibold",t),...e})}function EntityCardIcon({className:t,...e}){return(0,jsx_runtime_1.jsx)("span",{"data-slot":"entity-card-icon",className:(0,utils_1.cn)("text-muted-foreground size-8 [&>svg]:size-8 [&>svg]:stroke-[1.5]",t),...e})}function EntityCardBadgeList({className:t,...e}){return(0,jsx_runtime_1.jsx)("div",{"data-slot":"entity-card-badge-list",className:(0,utils_1.cn)("flex flex-wrap gap-2",t),...e})}function EntityCardBadge({className:t,...e}){return(0,jsx_runtime_1.jsx)(badge_1.Badge,{"data-slot":"entity-card-badge",className:(0,utils_1.cn)("h-5 text-xs",t),...e})}function EntityCardContent({className:t,...e}){return(0,jsx_runtime_1.jsx)("div",{"data-slot":"entity-card-content",className:(0,utils_1.cn)("flex flex-col gap-2.5",t),...e})}function EntityCardDescription({className:t,...e}){return(0,jsx_runtime_1.jsx)("p",{"data-slot":"entity-card-description",className:(0,utils_1.cn)("text-muted-foreground text-xs font-medium",t),...e})}function EntityCardList({className:t,...e}){return(0,jsx_runtime_1.jsx)("ul",{"data-slot":"entity-card-list",className:(0,utils_1.cn)("text-muted-foreground mx-2 list-inside list-disc space-y-1 text-xs font-medium",t),...e})}function EntityCardFooter({className:t,children:e,...r}){return(0,jsx_runtime_1.jsxs)("div",{"data-slot":"entity-card-footer",className:(0,utils_1.cn)("text-muted-foreground flex flex-col gap-2 text-xs font-medium",t),...r,children:[(0,jsx_runtime_1.jsx)(separator_1.Separator,{}),(0,jsx_runtime_1.jsx)("div",{className:"[&>svg]:text-muted-foreground flex flex-row items-center gap-2 [&>svg]:size-4 [&>svg]:stroke-[1.5]",children:e})]})}

package/dist/components/card/index.js

@@ -1,20 +1 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./account-card"), exports);
-__exportStar(require("./basic-card"), exports);
-__exportStar(require("./dashboard-card"), exports);
-__exportStar(require("./entity-card"), exports);
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(i,r,e,t){if(t===void 0)t=e;var n=Object.getOwnPropertyDescriptor(r,e);if(!n||("get"in n?!r.__esModule:n.writable||n.configurable)){n={enumerable:true,get:function(){return r[e]}}}Object.defineProperty(i,t,n)}):(function(i,r,e,t){if(t===void 0)t=e;i[t]=r[e]}));var __exportStar=this&&this.__exportStar||function(i,r){for(var e in i)if(e!=="default"&&!Object.prototype.hasOwnProperty.call(r,e))__createBinding(r,i,e)};Object.defineProperty(exports,"__esModule",{value:true});__exportStar(require("./account-card"),exports);__exportStar(require("./basic-card"),exports);__exportStar(require("./dashboard-card"),exports);__exportStar(require("./entity-card"),exports);