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

package/dist/components/ui/field/index.js

@@ -1,82 +1 @@
-'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Field = Field;
-exports.FieldLabel = FieldLabel;
-exports.FieldDescription = FieldDescription;
-exports.FieldError = FieldError;
-exports.FieldGroup = FieldGroup;
-exports.FieldLegend = FieldLegend;
-exports.FieldSeparator = FieldSeparator;
-exports.FieldSet = FieldSet;
-exports.FieldContent = FieldContent;
-exports.FieldTitle = FieldTitle;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const class_variance_authority_1 = require("class-variance-authority");
-const utils_1 = require("../../../lib/utils");
-const label_1 = require("../../../components/ui/label");
-const separator_1 = require("../../../components/ui/separator");
-function FieldSet({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("fieldset", { "data-slot": "field-set", className: (0, utils_1.cn)('flex flex-col gap-4 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3', className), ...props }));
-}
-function FieldLegend({ className, variant = 'legend', ...props }) {
-    return ((0, jsx_runtime_1.jsx)("legend", { "data-slot": "field-legend", "data-variant": variant, className: (0, utils_1.cn)('mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base', className), ...props }));
-}
-function FieldGroup({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "field-group", className: (0, utils_1.cn)('group/field-group @container/field-group flex w-full flex-col gap-5 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4', className), ...props }));
-}
-const fieldVariants = (0, class_variance_authority_1.cva)('data-[invalid=true]:text-system-error-h1a gap-2 group/field flex w-full', {
-    variants: {
-        orientation: {
-            vertical: 'flex-col [&>*]:w-full [&>.sr-only]:w-auto',
-            horizontal: 'flex-row items-center [&>[data-slot=field-label]]:flex-auto has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px',
-            responsive: 'flex-col [&>*]:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto @md/field-group:[&>[data-slot=field-label]]:flex-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px'
-        }
-    },
-    defaultVariants: {
-        orientation: 'vertical'
-    }
-});
-function Field({ className, orientation = 'vertical', ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { role: "group", "data-slot": "field", "data-orientation": orientation, className: (0, utils_1.cn)(fieldVariants({ orientation }), className), ...props }));
-}
-function FieldContent({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "field-content", className: (0, utils_1.cn)('group/field-content flex flex-1 flex-col gap-0.5 leading-snug', className), ...props }));
-}
-function FieldLabel({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(label_1.Label, { "data-slot": "field-label", className: (0, utils_1.cn)('has-data-checked:bg-primary/5 has-data-checked:border-primary dark:has-data-checked:bg-primary/10 group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-2.5', 'has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col', className), ...props }));
-}
-function FieldTitle({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "field-label", className: (0, utils_1.cn)('flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50', className), ...props }));
-}
-function FieldDescription({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("p", { "data-slot": "field-description", className: (0, utils_1.cn)('text-muted-foreground text-left text-sm leading-normal font-normal group-has-[[data-orientation=horizontal]]/field:text-balance [[data-variant=legend]+&]:-mt-1.5', 'last:mt-0 nth-last-2:-mt-1', '[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4', className), ...props }));
-}
-function FieldSeparator({ children, className, ...props }) {
-    return ((0, jsx_runtime_1.jsxs)("div", { "data-slot": "field-separator", "data-content": !!children, className: (0, utils_1.cn)('relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2', className), ...props, children: [(0, jsx_runtime_1.jsx)(separator_1.Separator, { className: "absolute inset-0 top-1/2" }), children && ((0, jsx_runtime_1.jsx)("span", { className: "text-muted-foreground bg-background relative mx-auto block w-fit px-2", "data-slot": "field-separator-content", children: children }))] }));
-}
-function FieldError({ className, children, errors, ...props }) {
-    const content = (0, react_1.useMemo)(() => {
-        if (children) {
-            return children;
-        }
-        if (!errors?.length) {
-            return null;
-        }
-        const uniqueErrors = [
-            ...new Map(errors.map((error) => [error?.message, error])).values()
-        ];
-        if (uniqueErrors?.length === 1) {
-            return uniqueErrors[0]?.message;
-        }
-        return ((0, jsx_runtime_1.jsx)("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: uniqueErrors.map((error, index) => error?.message && (0, jsx_runtime_1.jsx)("li", { children: error.message }, index)) }));
-    }, [children, errors]);
-    if (!content) {
-        return null;
-    }
-    return ((0, jsx_runtime_1.jsx)("div", { role: "alert", "data-slot": "field-error", 
-        // The error TEXT token, not `text-destructive`: that is the badge/fill
-        // family and measures 3.80:1 as ink on the dark card, under AA.
-        className: (0, utils_1.cn)('text-system-error-h1a text-sm font-normal', className), ...props, children: content }));
-}
+"use client";"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.Field=Field;exports.FieldLabel=FieldLabel;exports.FieldDescription=FieldDescription;exports.FieldError=FieldError;exports.FieldGroup=FieldGroup;exports.FieldLegend=FieldLegend;exports.FieldSeparator=FieldSeparator;exports.FieldSet=FieldSet;exports.FieldContent=FieldContent;exports.FieldTitle=FieldTitle;const jsx_runtime_1=require("react/jsx-runtime");const react_1=require("react");const class_variance_authority_1=require("class-variance-authority");const utils_1=require("../../../lib/utils");const label_1=require("../../../components/ui/label");const separator_1=require("../../../components/ui/separator");function FieldSet({className:t,...e}){return(0,jsx_runtime_1.jsx)("fieldset",{"data-slot":"field-set",className:(0,utils_1.cn)("flex flex-col gap-4 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3",t),...e})}function FieldLegend({className:t,variant:e="legend",...a}){return(0,jsx_runtime_1.jsx)("legend",{"data-slot":"field-legend","data-variant":e,className:(0,utils_1.cn)("mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base",t),...a})}function FieldGroup({className:t,...e}){return(0,jsx_runtime_1.jsx)("div",{"data-slot":"field-group",className:(0,utils_1.cn)("group/field-group @container/field-group flex w-full flex-col gap-5 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4",t),...e})}const fieldVariants=(0,class_variance_authority_1.cva)("data-[invalid=true]:text-system-error-h1a gap-2 group/field flex w-full",{variants:{orientation:{vertical:"flex-col [&>*]:w-full [&>.sr-only]:w-auto",horizontal:"flex-row items-center [&>[data-slot=field-label]]:flex-auto has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",responsive:"flex-col [&>*]:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto @md/field-group:[&>[data-slot=field-label]]:flex-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"}},defaultVariants:{orientation:"vertical"}});function Field({className:t,orientation:e="vertical",...a}){return(0,jsx_runtime_1.jsx)("div",{role:"group","data-slot":"field","data-orientation":e,className:(0,utils_1.cn)(fieldVariants({orientation:e}),t),...a})}function FieldContent({className:t,...e}){return(0,jsx_runtime_1.jsx)("div",{"data-slot":"field-content",className:(0,utils_1.cn)("group/field-content flex flex-1 flex-col gap-0.5 leading-snug",t),...e})}function FieldLabel({className:t,...e}){return(0,jsx_runtime_1.jsx)(label_1.Label,{"data-slot":"field-label",className:(0,utils_1.cn)("has-data-checked:bg-primary/5 has-data-checked:border-primary dark:has-data-checked:bg-primary/10 group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-2.5","has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col",t),...e})}function FieldTitle({className:t,...e}){return(0,jsx_runtime_1.jsx)("div",{"data-slot":"field-label",className:(0,utils_1.cn)("flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50",t),...e})}function FieldDescription({className:t,...e}){return(0,jsx_runtime_1.jsx)("p",{"data-slot":"field-description",className:(0,utils_1.cn)("text-muted-foreground text-left text-sm leading-normal font-normal group-has-[[data-orientation=horizontal]]/field:text-balance [[data-variant=legend]+&]:-mt-1.5","last:mt-0 nth-last-2:-mt-1","[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",t),...e})}function FieldSeparator({children:t,className:e,...a}){return(0,jsx_runtime_1.jsxs)("div",{"data-slot":"field-separator","data-content":!!t,className:(0,utils_1.cn)("relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2",e),...a,children:[(0,jsx_runtime_1.jsx)(separator_1.Separator,{className:"absolute inset-0 top-1/2"}),t&&(0,jsx_runtime_1.jsx)("span",{className:"text-muted-foreground bg-background relative mx-auto block w-fit px-2","data-slot":"field-separator-content",children:t})]})}function FieldError({className:t,children:e,errors:a,...s}){const o=(0,react_1.useMemo)(()=>{if(e){return e}if(!a?.length){return null}const r=[...new Map(a.map(l=>[l?.message,l])).values()];if(r?.length===1){return r[0]?.message}return(0,jsx_runtime_1.jsx)("ul",{className:"ml-4 flex list-disc flex-col gap-1",children:r.map((l,i)=>l?.message&&(0,jsx_runtime_1.jsx)("li",{children:l.message},i))})},[e,a]);if(!o){return null}return(0,jsx_runtime_1.jsx)("div",{role:"alert","data-slot":"field-error",className:(0,utils_1.cn)("text-system-error-h1a text-sm font-normal",t),...s,children:o})}