ingeniuscliq-core 0.4.5 → 0.4.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/common/form/CustomFormField.d.ts +2 -1
- package/dist/components/common/form/FormCheckbox.d.ts +2 -1
- package/dist/components/common/form/FormInput.d.ts +2 -1
- package/dist/components/common/form/FormSelect.d.ts +2 -1
- package/dist/components/common/form/FormTextArea.d.ts +6 -1
- package/dist/components/common/logo/Logo.d.ts +2 -1
- package/dist/index.css +1 -1
- package/dist/index.js +1697 -1694
- package/package.json +1 -1
|
@@ -6,8 +6,9 @@ interface CustomFormFieldProps<T extends FieldValues = FieldValues> extends Base
|
|
|
6
6
|
readonly label?: string;
|
|
7
7
|
readonly render: (field: FieldValues) => React.ReactNode;
|
|
8
8
|
readonly withinLabel?: boolean;
|
|
9
|
+
readonly customLabel?: React.ReactNode;
|
|
9
10
|
readonly withinMessage?: boolean;
|
|
10
11
|
readonly withinControl?: boolean;
|
|
11
12
|
}
|
|
12
|
-
export declare function CustomFormField<T extends FieldValues = FieldValues>({ control, name, label, render, className, withinLabel, withinMessage, withinControl }: CustomFormFieldProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export declare function CustomFormField<T extends FieldValues = FieldValues>({ control, name, label, render, className, withinLabel, customLabel, withinMessage, withinControl }: CustomFormFieldProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
13
14
|
export {};
|
|
@@ -7,6 +7,7 @@ interface FormCheckboxProps<T extends FieldValues = FieldValues> extends BaseSty
|
|
|
7
7
|
readonly placeholder?: string;
|
|
8
8
|
readonly checkboxProps?: React.ComponentProps<typeof CheckboxPrimitive.Root>;
|
|
9
9
|
readonly required?: boolean;
|
|
10
|
+
readonly withoutPlaceholder?: boolean;
|
|
10
11
|
}
|
|
11
|
-
export declare function FormCheckbox<T extends FieldValues = FieldValues>({ control, name, placeholder, className, checkboxProps, required }: FormCheckboxProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export declare function FormCheckbox<T extends FieldValues = FieldValues>({ control, name, placeholder, className, checkboxProps, required, withoutPlaceholder }: FormCheckboxProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
12
13
|
export {};
|
|
@@ -17,6 +17,7 @@ interface FormInputProps<T extends FieldValues = FieldValues> extends BaseStyleP
|
|
|
17
17
|
readonly withinMessage?: boolean;
|
|
18
18
|
readonly withinControl?: boolean;
|
|
19
19
|
readonly required?: boolean;
|
|
20
|
+
readonly withoutPlaceholder?: boolean;
|
|
20
21
|
}
|
|
21
|
-
export declare function FormInput<T extends FieldValues = FieldValues>({ control, name, placeholder, type, className, inputProps, withinControl, withinLabel, withinMessage, required }: FormInputProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
export declare function FormInput<T extends FieldValues = FieldValues>({ control, name, placeholder, type, className, inputProps, withinControl, withinLabel, withinMessage, required, withoutPlaceholder }: FormInputProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
22
23
|
export {};
|
|
@@ -15,6 +15,7 @@ interface FormSelectProps<T extends FieldValues = FieldValues> extends BaseStyle
|
|
|
15
15
|
readonly onValueChange?: (value: string) => void;
|
|
16
16
|
readonly selectProps?: React.ComponentProps<typeof Select>;
|
|
17
17
|
readonly required?: boolean;
|
|
18
|
+
readonly withoutPlaceholder?: boolean;
|
|
18
19
|
}
|
|
19
|
-
export declare function FormSelect<T extends FieldValues = FieldValues>({ control, name, placeholder, className, options, selectClassName, selectItemClassName, onValueChange, selectProps, required }: FormSelectProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
export declare function FormSelect<T extends FieldValues = FieldValues>({ control, name, placeholder, className, options, selectClassName, selectItemClassName, onValueChange, selectProps, required, withoutPlaceholder }: FormSelectProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
20
21
|
export {};
|
|
@@ -1,10 +1,15 @@
|
|
|
1
|
+
import { Textarea } from '../../ui/textarea';
|
|
1
2
|
import { BaseStyleProps } from '../../../types/ui/main';
|
|
2
3
|
import { Control, FieldValues, Path } from 'react-hook-form';
|
|
3
4
|
interface FormInputProps<T extends FieldValues = FieldValues> extends BaseStyleProps {
|
|
4
5
|
readonly control: Control<T>;
|
|
5
6
|
readonly name: Path<T>;
|
|
7
|
+
readonly label?: string;
|
|
8
|
+
readonly customLabel?: React.ReactNode;
|
|
6
9
|
readonly placeholder?: string;
|
|
7
10
|
readonly required?: boolean;
|
|
11
|
+
readonly withoutPlaceholder?: boolean;
|
|
12
|
+
readonly textAreaProps?: React.ComponentProps<typeof Textarea>;
|
|
8
13
|
}
|
|
9
|
-
export declare function FormTextArea<T extends FieldValues = FieldValues>({ control, name, placeholder, className, required }: FormInputProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export declare function FormTextArea<T extends FieldValues = FieldValues>({ control, name, label, customLabel, placeholder, className, required, withoutPlaceholder, textAreaProps }: FormInputProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
10
15
|
export {};
|
|
@@ -3,6 +3,7 @@ interface LogoProps extends BaseStyleProps {
|
|
|
3
3
|
to?: string;
|
|
4
4
|
icon?: any;
|
|
5
5
|
fallback?: string;
|
|
6
|
+
containerClassName?: string;
|
|
6
7
|
}
|
|
7
|
-
export declare function Logo({ className, to, icon, fallback }: LogoProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export declare function Logo({ className, to, icon, fallback, containerClassName }: LogoProps): import("react/jsx-runtime").JSX.Element;
|
|
8
9
|
export {};
|
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--color-spinner: white;--size-spinner: 20px}div.spinner{position:relative;width:var(--size-spinner);height:var(--size-spinner);display:inline-block;margin-left:50%;margin-right:50%;padding:10px;border-radius:10px}div.spinner div{width:6%;height:16%;background:var(--color-spinner);position:absolute;left:49%;top:43%;opacity:0;-webkit-border-radius:50px;-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);-webkit-animation:fade 1s linear infinite}@-webkit-keyframes fade{0%{opacity:1}to{opacity:.25}}div.spinner div.bar1{-webkit-transform:rotate(0deg) translate(0,-130%);-webkit-animation-delay:0s}div.spinner div.bar2{-webkit-transform:rotate(30deg) translate(0,-130%);-webkit-animation-delay:-.9167s}div.spinner div.bar3{-webkit-transform:rotate(60deg) translate(0,-130%);-webkit-animation-delay:-.833s}div.spinner div.bar4{-webkit-transform:rotate(90deg) translate(0,-130%);-webkit-animation-delay:-.7497s}div.spinner div.bar5{-webkit-transform:rotate(120deg) translate(0,-130%);-webkit-animation-delay:-.667s}div.spinner div.bar6{-webkit-transform:rotate(150deg) translate(0,-130%);-webkit-animation-delay:-.5837s}div.spinner div.bar7{-webkit-transform:rotate(180deg) translate(0,-130%);-webkit-animation-delay:-.5s}div.spinner div.bar8{-webkit-transform:rotate(210deg) translate(0,-130%);-webkit-animation-delay:-.4167s}div.spinner div.bar9{-webkit-transform:rotate(240deg) translate(0,-130%);-webkit-animation-delay:-.333s}div.spinner div.bar10{-webkit-transform:rotate(270deg) translate(0,-130%);-webkit-animation-delay:-.2497s}div.spinner div.bar11{-webkit-transform:rotate(300deg) translate(0,-130%);-webkit-animation-delay:-.167s}div.spinner div.bar12{-webkit-transform:rotate(330deg) translate(0,-130%);-webkit-animation-delay:-.0833s}@custom-variant dark (&:is(.dark *));body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--background: oklch(1 0 0);--foreground: oklch(.141 .005 285.823);--card: oklch(1 0 0);--card-foreground: oklch(.141 .005 285.823);--popover: oklch(1 0 0);--popover-foreground: oklch(.141 .005 285.823);--primary: oklch(.21 .006 285.885);--primary-foreground: oklch(.985 0 0);--secondary: oklch(.967 .001 286.375);--secondary-foreground: oklch(.21 .006 285.885);--muted: oklch(.967 .001 286.375);--muted-foreground: oklch(.552 .016 285.938);--accent: oklch(.967 .001 286.375);--accent-foreground: oklch(.21 .006 285.885);--destructive: oklch(.577 .245 27.325);--destructive-foreground: oklch(.577 .245 27.325);--border: oklch(.92 .004 286.32);--input: oklch(.92 .004 286.32);--ring: oklch(.871 .006 286.286);--chart-1: oklch(.646 .222 41.116);--chart-2: oklch(.6 .118 184.704);--chart-3: oklch(.398 .07 227.392);--chart-4: oklch(.828 .189 84.429);--chart-5: oklch(.769 .188 70.08);--radius: .625rem;--sidebar: oklch(.985 0 0);--sidebar-foreground: oklch(.141 .005 285.823);--sidebar-primary: oklch(.21 .006 285.885);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.967 .001 286.375);--sidebar-accent-foreground: oklch(.21 .006 285.885);--sidebar-border: oklch(.92 .004 286.32);--sidebar-ring: oklch(.871 .006 286.286)}.dark{--background: oklch(.141 .005 285.823);--foreground: oklch(.985 0 0);--card: oklch(.141 .005 285.823);--card-foreground: oklch(.985 0 0);--popover: oklch(.141 .005 285.823);--popover-foreground: oklch(.985 0 0);--primary: oklch(.985 0 0);--primary-foreground: oklch(.21 .006 285.885);--secondary: oklch(.274 .006 286.033);--secondary-foreground: oklch(.985 0 0);--muted: oklch(.274 .006 286.033);--muted-foreground: oklch(.705 .015 286.067);--accent: oklch(.274 .006 286.033);--accent-foreground: oklch(.985 0 0);--destructive: oklch(.396 .141 25.723);--destructive-foreground: oklch(.637 .237 25.331);--border: oklch(.274 .006 286.033);--input: oklch(.274 .006 286.033);--ring: oklch(.442 .017 285.786);--chart-1: oklch(.488 .243 264.376);--chart-2: oklch(.696 .17 162.48);--chart-3: oklch(.769 .188 70.08);--chart-4: oklch(.627 .265 303.9);--chart-5: oklch(.645 .246 16.439);--sidebar: oklch(.21 .006 285.885);--sidebar-foreground: oklch(.985 0 0);--sidebar-primary: oklch(.488 .243 264.376);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.274 .006 286.033);--sidebar-accent-foreground: oklch(.985 0 0);--sidebar-border: oklch(.274 .006 286.033);--sidebar-ring: oklch(.442 .017 285.786)}@theme{ --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); }@layer base{*{border-color:var(--border);outline-color:color-mix(in oklab,var(--ring) 50%,transparent)}body{background-color:var(--background);color:var(--foreground)}}body{min-height:100vh;display:flex;flex-direction:column
|
|
1
|
+
:root{--color-spinner: white;--size-spinner: 20px}div.spinner{position:relative;width:var(--size-spinner);height:var(--size-spinner);display:inline-block;margin-left:50%;margin-right:50%;padding:10px;border-radius:10px}div.spinner div{width:6%;height:16%;background:var(--color-spinner);position:absolute;left:49%;top:43%;opacity:0;-webkit-border-radius:50px;-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);-webkit-animation:fade 1s linear infinite}@-webkit-keyframes fade{0%{opacity:1}to{opacity:.25}}div.spinner div.bar1{-webkit-transform:rotate(0deg) translate(0,-130%);-webkit-animation-delay:0s}div.spinner div.bar2{-webkit-transform:rotate(30deg) translate(0,-130%);-webkit-animation-delay:-.9167s}div.spinner div.bar3{-webkit-transform:rotate(60deg) translate(0,-130%);-webkit-animation-delay:-.833s}div.spinner div.bar4{-webkit-transform:rotate(90deg) translate(0,-130%);-webkit-animation-delay:-.7497s}div.spinner div.bar5{-webkit-transform:rotate(120deg) translate(0,-130%);-webkit-animation-delay:-.667s}div.spinner div.bar6{-webkit-transform:rotate(150deg) translate(0,-130%);-webkit-animation-delay:-.5837s}div.spinner div.bar7{-webkit-transform:rotate(180deg) translate(0,-130%);-webkit-animation-delay:-.5s}div.spinner div.bar8{-webkit-transform:rotate(210deg) translate(0,-130%);-webkit-animation-delay:-.4167s}div.spinner div.bar9{-webkit-transform:rotate(240deg) translate(0,-130%);-webkit-animation-delay:-.333s}div.spinner div.bar10{-webkit-transform:rotate(270deg) translate(0,-130%);-webkit-animation-delay:-.2497s}div.spinner div.bar11{-webkit-transform:rotate(300deg) translate(0,-130%);-webkit-animation-delay:-.167s}div.spinner div.bar12{-webkit-transform:rotate(330deg) translate(0,-130%);-webkit-animation-delay:-.0833s}@custom-variant dark (&:is(.dark *));body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--background: oklch(1 0 0);--foreground: oklch(.141 .005 285.823);--card: oklch(1 0 0);--card-foreground: oklch(.141 .005 285.823);--popover: oklch(1 0 0);--popover-foreground: oklch(.141 .005 285.823);--primary: oklch(.21 .006 285.885);--primary-foreground: oklch(.985 0 0);--secondary: oklch(.967 .001 286.375);--secondary-foreground: oklch(.21 .006 285.885);--muted: oklch(.967 .001 286.375);--muted-foreground: oklch(.552 .016 285.938);--accent: oklch(.967 .001 286.375);--accent-foreground: oklch(.21 .006 285.885);--destructive: oklch(.577 .245 27.325);--destructive-foreground: oklch(.577 .245 27.325);--border: oklch(.92 .004 286.32);--input: oklch(.92 .004 286.32);--ring: oklch(.871 .006 286.286);--chart-1: oklch(.646 .222 41.116);--chart-2: oklch(.6 .118 184.704);--chart-3: oklch(.398 .07 227.392);--chart-4: oklch(.828 .189 84.429);--chart-5: oklch(.769 .188 70.08);--radius: .625rem;--sidebar: oklch(.985 0 0);--sidebar-foreground: oklch(.141 .005 285.823);--sidebar-primary: oklch(.21 .006 285.885);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.967 .001 286.375);--sidebar-accent-foreground: oklch(.21 .006 285.885);--sidebar-border: oklch(.92 .004 286.32);--sidebar-ring: oklch(.871 .006 286.286)}.dark{--background: oklch(.141 .005 285.823);--foreground: oklch(.985 0 0);--card: oklch(.141 .005 285.823);--card-foreground: oklch(.985 0 0);--popover: oklch(.141 .005 285.823);--popover-foreground: oklch(.985 0 0);--primary: oklch(.985 0 0);--primary-foreground: oklch(.21 .006 285.885);--secondary: oklch(.274 .006 286.033);--secondary-foreground: oklch(.985 0 0);--muted: oklch(.274 .006 286.033);--muted-foreground: oklch(.705 .015 286.067);--accent: oklch(.274 .006 286.033);--accent-foreground: oklch(.985 0 0);--destructive: oklch(.396 .141 25.723);--destructive-foreground: oklch(.637 .237 25.331);--border: oklch(.274 .006 286.033);--input: oklch(.274 .006 286.033);--ring: oklch(.442 .017 285.786);--chart-1: oklch(.488 .243 264.376);--chart-2: oklch(.696 .17 162.48);--chart-3: oklch(.769 .188 70.08);--chart-4: oklch(.627 .265 303.9);--chart-5: oklch(.645 .246 16.439);--sidebar: oklch(.21 .006 285.885);--sidebar-foreground: oklch(.985 0 0);--sidebar-primary: oklch(.488 .243 264.376);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.274 .006 286.033);--sidebar-accent-foreground: oklch(.985 0 0);--sidebar-border: oklch(.274 .006 286.033);--sidebar-ring: oklch(.442 .017 285.786)}@theme{ --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); }@layer base{*{border-color:var(--border);outline-color:color-mix(in oklab,var(--ring) 50%,transparent)}body{background-color:var(--background);color:var(--foreground)}}body{min-height:100vh;display:flex;flex-direction:column}@keyframes fadeIn{0%{opacity:0;transform:scale(0)}20%{opacity:1}to{transform:scale(1)}}@keyframes translateUp{0%{opacity:0;transform:translateY(30%)}to{opacity:1;transform:translateY(0)}}@keyframes shakeIn{0%,50%{transform:rotate(20deg)}25%,75%{transform:rotate(-20deg)}to{transform:rotate(0)}}.fadeIn{animation-name:fadeIn;animation-duration:1s;animation-timeline:view();animation-range:entry 10% cover 30%}.fadeIn-normal{animation-name:fadeIn;animation-duration:1s}.translateUp{animation-name:translateUp;animation-duration:2s;animation-timeline:view();animation-range:entry 10% cover 20%}.translateUp-normal{animation-name:translateUp;animation-duration:2s}.shake{animation-name:shakeIn;animation-duration:1.5s}
|