@licklist/design 0.78.5-dev.93 → 0.78.5-dev.95

package/dist/v2/shadcn/components/ui/toast.d.ts

@@ -1,15 +1,11 @@
 import * as React from "react";
-import * as ToastPrimitives from "@radix-ui/react-toast";
-import { type VariantProps } from "class-variance-authority";
-declare const ToastProvider: React.FC<ToastPrimitives.ToastProviderProps>;
-declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React.RefAttributes<HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
-declare const Toast: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: {
-    variant?: "default" | "destructive";
-} & import("class-variance-authority/dist/types").ClassProp) => string> & React.RefAttributes<HTMLLIElement>>;
-declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const ToastClose: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const ToastTitle: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastTitleProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ToastDescription: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastDescriptionProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ToastProvider: any;
+declare const ToastViewport: React.ForwardRefExoticComponent<any>;
+declare const Toast: React.ForwardRefExoticComponent<any>;
+declare const ToastAction: React.ForwardRefExoticComponent<any>;
+declare const ToastClose: React.ForwardRefExoticComponent<any>;
+declare const ToastTitle: React.ForwardRefExoticComponent<any>;
+declare const ToastDescription: React.ForwardRefExoticComponent<any>;
 type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;
 type ToastActionElement = React.ReactElement<typeof ToastAction>;
 export { type ToastProps, type ToastActionElement, ToastProvider, ToastViewport, Toast, ToastTitle, ToastDescription, ToastClose, ToastAction, };

package/dist/v2/shadcn/components/ui/toast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../../../src/v2/shadcn/components/ui/toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAKlE,QAAA,MAAM,aAAa,8CAA2B,CAAC;AAE/C,QAAA,MAAM,aAAa,kKAYjB,CAAC;AAkBH,QAAA,MAAM,KAAK;;6GAKT,CAAC;AAGH,QAAA,MAAM,WAAW,kKAYf,CAAC;AAGH,QAAA,MAAM,UAAU,iKAed,CAAC;AAGH,QAAA,MAAM,UAAU,2JAKd,CAAC;AAGH,QAAA,MAAM,gBAAgB,iKAKpB,CAAC;AAGH,KAAK,UAAU,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,KAAK,CAAC,CAAC;AAE/D,KAAK,kBAAkB,GAAG,KAAK,CAAC,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC;AAEjE,OAAO,EACL,KAAK,UAAU,EACf,KAAK,kBAAkB,EACvB,aAAa,EACb,aAAa,EACb,KAAK,EACL,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,WAAW,GACZ,CAAC"}
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../../../src/v2/shadcn/components/ui/toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,QAAA,MAAM,aAAa,KAA2B,CAAC;AAE/C,QAAA,MAAM,aAAa,sCAYjB,CAAC;AAkBH,QAAA,MAAM,KAAK,sCAKT,CAAC;AAGH,QAAA,MAAM,WAAW,sCAYf,CAAC;AAGH,QAAA,MAAM,UAAU,sCAed,CAAC;AAGH,QAAA,MAAM,UAAU,sCAKd,CAAC;AAGH,QAAA,MAAM,gBAAgB,sCAKpB,CAAC;AAGH,KAAK,UAAU,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,KAAK,CAAC,CAAC;AAE/D,KAAK,kBAAkB,GAAG,KAAK,CAAC,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC;AAEjE,OAAO,EACL,KAAK,UAAU,EACf,KAAK,kBAAkB,EACvB,aAAa,EACb,aAAa,EACb,KAAK,EACL,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,WAAW,GACZ,CAAC"}

package/dist/v2/shadcn/components/ui/toggle-group.d.ts

@@ -1,13 +1,5 @@
 import * as React from "react";
-import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
-import { type VariantProps } from "class-variance-authority";
-declare const ToggleGroup: React.ForwardRefExoticComponent<((Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement>, "ref">) & VariantProps<(props?: {
-    variant?: "default" | "outline";
-    size?: "default" | "sm" | "lg";
-} & import("class-variance-authority/dist/types").ClassProp) => string>) & React.RefAttributes<HTMLDivElement>>;
-declare const ToggleGroupItem: React.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: {
-    variant?: "default" | "outline";
-    size?: "default" | "sm" | "lg";
-} & import("class-variance-authority/dist/types").ClassProp) => string> & React.RefAttributes<HTMLButtonElement>>;
+declare const ToggleGroup: React.ForwardRefExoticComponent<any>;
+declare const ToggleGroupItem: React.ForwardRefExoticComponent<any>;
 export { ToggleGroup, ToggleGroupItem };
 //# sourceMappingURL=toggle-group.d.ts.map

package/dist/v2/shadcn/components/ui/toggle-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-group.d.ts","sourceRoot":"","sources":["../../../../../src/v2/shadcn/components/ui/toggle-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAU7D,QAAA,MAAM,WAAW;;;+GAOf,CAAC;AAIH,QAAA,MAAM,eAAe;;;iHAqBnB,CAAC;AAIH,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"toggle-group.d.ts","sourceRoot":"","sources":["../../../../../src/v2/shadcn/components/ui/toggle-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,QAAA,MAAM,WAAW,sCAOf,CAAC;AAIH,QAAA,MAAM,eAAe,sCAqBnB,CAAC;AAIH,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,CAAC"}

package/dist/v2/shadcn/components/ui/toggle.d.ts

@@ -1,13 +1,5 @@
 import * as React from "react";
-import * as TogglePrimitive from "@radix-ui/react-toggle";
-import { type VariantProps } from "class-variance-authority";
-declare const toggleVariants: (props?: {
-    variant?: "default" | "outline";
-    size?: "default" | "sm" | "lg";
-} & import("class-variance-authority/dist/types").ClassProp) => string;
-declare const Toggle: React.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: {
-    variant?: "default" | "outline";
-    size?: "default" | "sm" | "lg";
-} & import("class-variance-authority/dist/types").ClassProp) => string> & React.RefAttributes<HTMLButtonElement>>;
+declare const toggleVariants: any;
+declare const Toggle: React.ForwardRefExoticComponent<any>;
 export { Toggle, toggleVariants };
 //# sourceMappingURL=toggle.d.ts.map

package/dist/v2/shadcn/components/ui/toggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../../../../src/v2/shadcn/components/ui/toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,cAAc;;;sEAmBnB,CAAC;AAEF,QAAA,MAAM,MAAM;;;iHAKV,CAAC;AAIH,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../../../../src/v2/shadcn/components/ui/toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,QAAA,MAAM,cAAc,KAmBnB,CAAC;AAEF,QAAA,MAAM,MAAM,sCAKV,CAAC;AAIH,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}

package/dist/v2/styles/form/NewInput.scss.js

@@ -1,6 +1,6 @@
 import styleInject from 'style-inject';
 
-var css_248z = ":root{--font-family-sans:\"Geist\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",\"Roboto\",\"Helvetica Neue\",Arial,sans-serif;--font-family-mono:\"Geist Mono\",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--heading-xxl-size:44px;--heading-xxl-line:48px;--heading-xxl-weight:600;--heading-xl-size:32px;--heading-xl-line:36px;--heading-xl-weight:700;--heading-h1-size:24px;--heading-h1-line:28px;--heading-h1-weight:600;--heading-h2-size:20px;--heading-h2-line:24px;--heading-h2-weight:600;--heading-h3-size:17px;--heading-h3-line:20px;--heading-h3-weight:600;--heading-h4-size:15px;--heading-h4-line:18px;--heading-h4-weight:600;--heading-h5-size:13px;--heading-h5-line:16px;--heading-h5-weight:500;--heading-h6-size:11px;--heading-h6-line:14px;--heading-h6-weight:500;--heading-xxl-mobile-size:32px;--heading-xxl-mobile-line:36px;--heading-xxl-mobile-weight:600;--heading-xl-mobile-size:26px;--heading-xl-mobile-line:30px;--heading-xl-mobile-weight:700;--heading-h1-mobile-size:20px;--heading-h1-mobile-line:23px;--heading-h1-mobile-weight:600;--heading-h2-mobile-size:18px;--heading-h2-mobile-line:22px;--heading-h2-mobile-weight:600;--heading-h3-mobile-size:16px;--heading-h3-mobile-line:18px;--heading-h3-mobile-weight:600;--heading-h4-mobile-size:14px;--heading-h4-mobile-line:16px;--heading-h4-mobile-weight:600;--heading-h5-mobile-size:13px;--heading-h5-mobile-line:16px;--heading-h5-mobile-weight:500;--heading-h6-mobile-size:11px;--heading-h6-mobile-line:14px;--heading-h6-mobile-weight:500;--text-xl-size:20px;--text-xl-line:26px;--text-xl-weight:400;--text-large-size:18px;--text-large-line:24px;--text-large-weight:400;--text-regular-size:15px;--text-regular-line:20px;--text-regular-weight:400;--text-small-size:13px;--text-small-line:16px;--text-small-weight:400;--text-small-emphasis-weight:500;--text-small-bold-weight:600;--text-xs-size:10px;--text-xs-line:13px;--text-xs-weight:500;--text-xs-bold-weight:600}.new-form-input{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:var(--spacing-sm);min-width:0;overflow:hidden;width:100%}.new-form-input__label{align-items:center;color:var(--label-primary);display:flex;font-size:15px;font-weight:600;justify-content:space-between;line-height:20px;width:100%}.new-form-input__label,.new-form-input__label-optional{font-family:var(--font-family-sans,\"Geist\",sans-serif);font-style:normal}.new-form-input__label-optional{color:var(--label-secondary);font-size:13px;font-weight:400;line-height:16px}.new-form-input__input{background-color:var(--surfaces-main-background-secondary);background:var(--surface-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-md);box-sizing:border-box;color:var(--labels-main-label-primary,#121e52);color:var(--label-primary,#121e52);flex:1 1 0;font-family:var(--font-family-sans);font-size:var(--text-regular-size);font-weight:var(--text-regular-weight);line-height:var(--text-regular-line);min-height:40px;min-width:0;padding:8px 10px;transition:all .2s ease;width:100%}@media (max-width:768px){.new-form-input__input{font-size:16px}}.new-form-input__input:focus{background-color:var(--surfaces-main-background-secondary,#f8f8fa);border-color:var(--border-selected,#6200ee);outline:none}.new-form-input__input::placeholder{color:var(--labels-main-label-secondary,#626a90)}.new-form-input__input[type=date]::-webkit-datetime-edit-day-field,.new-form-input__input[type=date]::-webkit-datetime-edit-month-field,.new-form-input__input[type=date]::-webkit-datetime-edit-text,.new-form-input__input[type=date]::-webkit-datetime-edit-year-field,.new-form-input__input[type=time]::-webkit-datetime-edit-ampm-field,.new-form-input__input[type=time]::-webkit-datetime-edit-hour-field,.new-form-input__input[type=time]::-webkit-datetime-edit-minute-field,.new-form-input__input[type=time]::-webkit-datetime-edit-text{color:var(--label-primary,#121e52)}.new-form-input__textarea{background-color:var(--surfaces-main-background-secondary,#f8f8fa);border:1px solid var(--borders-main-border-primary,#e8e9ef);border-radius:var(--radius-md,4px);color:var(--labels-main-label-primary,#121e52);font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:var(--text-regular-size,15px);line-height:var(--text-regular-line,20px);min-height:120px;padding:8px 10px;resize:vertical;transition:all .2s ease;width:100%}@media (max-width:768px){.new-form-input__textarea{font-size:16px}}.new-form-input__textarea:focus{border-color:var(--border-selected,#6200ee);outline:none}.new-form-input__textarea::placeholder{color:var(--labels-main-label-secondary,#626a90)}.new-form-input__input-with-icon{align-items:center;background-color:var(--surfaces-main-background-secondary,#f8f8fa);border:2px solid var(--border-primary,#e8e9ef);border-radius:var(--radius-md,4px);display:flex;gap:var(--spacing-sm,8px);min-height:52px;padding:8px 10px;transition:all .2s ease;width:100%}.new-form-input__input-with-icon:focus-within{border-color:var(--border-selected,#6200ee)}.new-form-input__input-with-icon .icon{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;order:-1;width:24px}.new-form-input__input-with-icon--right .icon{order:1}.new-form-input__input-with-icon input{background:#0000;border:none;color:var(--label-primary);flex:1;font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:var(--text-regular-size,15px);line-height:var(--text-regular-line,20px)}@media (max-width:768px){.new-form-input__input-with-icon input{font-size:16px}}.new-form-input__input-with-icon input:focus{outline:none}.new-form-input__input-with-icon input::placeholder{color:var(--labels-main-label-secondary,#626a90)}.new-form-input__input-with-icon input[type=date]::-webkit-calendar-picker-indicator{-webkit-appearance:none;display:none}.new-form-input__input-with-icon input[type=date]::-webkit-inner-spin-button,.new-form-input__input-with-icon input[type=date]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.new-form-input__verification-code{display:flex;gap:var(--spacing-sm,8px);height:62px}.new-form-input__verification-code .code-input{background-color:var(--surfaces-main-background-secondary,#f8f8fa);border:2px solid var(--borders-main-border-primary,#e8e9ef);border-radius:var(--radius-md,4px);color:var(--labels-main-label-primary,#121e52);flex:1;font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:var(--text-lg-size,18px);font-weight:var(--heading-h3-weight,600);text-align:center;transition:all .2s ease}.new-form-input__verification-code .code-input:focus{border-color:var(--border-selected,#6200ee);outline:none}.new-form-input__helper-text{color:var(--label-secondary,#626a90);font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:var(--text-regular-size,15px);font-style:normal;font-weight:400;line-height:var(--text-regular-line,20px);margin-top:2px;min-width:max-content;white-space:nowrap}@media (max-width:768px){.new-form-input__helper-text{word-wrap:break-word;min-width:unset;white-space:normal}}.new-form-input__error-text{color:var(--labels-status-label-error,#ef4444);font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:11px;font-style:normal;font-weight:400;line-height:14px;margin-top:2px}.new-form-input--active .new-form-input__input{border-color:var(--border-selected,#6200ee)}.new-form-input--error .new-form-input__input{border-color:var(--borders-status-border-error,#ef4444)}.new-form-input--disabled{opacity:var(--opacity-50,.5);pointer-events:none}.new-form-input--on-surface .new-form-input__input,.new-form-input--on-surface .new-form-input__input-with-icon,.new-form-input--on-surface .new-form-input__textarea{background-color:var(--surface-primary,#fff);background:var(--surface-primary,#fff)}.new-form-input--on-surface .new-form-input__input-with-icon:focus,.new-form-input--on-surface .new-form-input__input-with-icon:focus-within,.new-form-input--on-surface .new-form-input__input:focus,.new-form-input--on-surface .new-form-input__input:focus-within,.new-form-input--on-surface .new-form-input__textarea:focus,.new-form-input--on-surface .new-form-input__textarea:focus-within{background-color:var(--surface-primary,#fff)}.new-form-input.dob-input .new-form-input__label{color:var(--label-secondary,#626a90)}.surface-context--secondary .new-form-input__input,.surface-context--secondary .new-form-input__input-with-icon,.surface-context--secondary .new-form-input__textarea{background-color:var(--surface-primary,#fff);background:var(--surface-primary,#fff)}.surface-context--secondary .new-form-input__input-with-icon:focus,.surface-context--secondary .new-form-input__input-with-icon:focus-within,.surface-context--secondary .new-form-input__input:focus,.surface-context--secondary .new-form-input__input:focus-within,.surface-context--secondary .new-form-input__textarea:focus,.surface-context--secondary .new-form-input__textarea:focus-within{background-color:var(--surface-primary,#fff)}";
+var css_248z = ":root{--font-family-sans:\"Geist\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",\"Roboto\",\"Helvetica Neue\",Arial,sans-serif;--font-family-mono:\"Geist Mono\",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--heading-xxl-size:44px;--heading-xxl-line:48px;--heading-xxl-weight:600;--heading-xl-size:32px;--heading-xl-line:36px;--heading-xl-weight:700;--heading-h1-size:24px;--heading-h1-line:28px;--heading-h1-weight:600;--heading-h2-size:20px;--heading-h2-line:24px;--heading-h2-weight:600;--heading-h3-size:17px;--heading-h3-line:20px;--heading-h3-weight:600;--heading-h4-size:15px;--heading-h4-line:18px;--heading-h4-weight:600;--heading-h5-size:13px;--heading-h5-line:16px;--heading-h5-weight:500;--heading-h6-size:11px;--heading-h6-line:14px;--heading-h6-weight:500;--heading-xxl-mobile-size:32px;--heading-xxl-mobile-line:36px;--heading-xxl-mobile-weight:600;--heading-xl-mobile-size:26px;--heading-xl-mobile-line:30px;--heading-xl-mobile-weight:700;--heading-h1-mobile-size:20px;--heading-h1-mobile-line:23px;--heading-h1-mobile-weight:600;--heading-h2-mobile-size:18px;--heading-h2-mobile-line:22px;--heading-h2-mobile-weight:600;--heading-h3-mobile-size:16px;--heading-h3-mobile-line:18px;--heading-h3-mobile-weight:600;--heading-h4-mobile-size:14px;--heading-h4-mobile-line:16px;--heading-h4-mobile-weight:600;--heading-h5-mobile-size:13px;--heading-h5-mobile-line:16px;--heading-h5-mobile-weight:500;--heading-h6-mobile-size:11px;--heading-h6-mobile-line:14px;--heading-h6-mobile-weight:500;--text-xl-size:20px;--text-xl-line:26px;--text-xl-weight:400;--text-large-size:18px;--text-large-line:24px;--text-large-weight:400;--text-regular-size:15px;--text-regular-line:20px;--text-regular-weight:400;--text-small-size:13px;--text-small-line:16px;--text-small-weight:400;--text-small-emphasis-weight:500;--text-small-bold-weight:600;--text-xs-size:10px;--text-xs-line:13px;--text-xs-weight:500;--text-xs-bold-weight:600}.new-form-input{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:var(--spacing-sm);min-width:0;overflow:hidden;width:100%}.new-form-input__label{align-items:center;color:var(--label-primary);display:flex;font-size:15px;font-weight:600;justify-content:space-between;line-height:20px;width:100%}.new-form-input__label,.new-form-input__label-optional{font-family:var(--font-family-sans,\"Geist\",sans-serif);font-style:normal}.new-form-input__label-optional{color:var(--label-secondary);font-size:13px;font-weight:400;line-height:16px}.new-form-input__input{background-color:var(--surfaces-main-background-secondary);background:var(--surface-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-md);box-sizing:border-box;color:var(--labels-main-label-primary,#121e52);color:var(--label-primary,#121e52);flex:1 1 0;font-family:var(--font-family-sans);font-size:var(--text-regular-size);font-weight:var(--text-regular-weight);line-height:var(--text-regular-line);min-height:40px;min-width:0;padding:8px 10px;transition:all .2s ease;width:100%}@media (max-width:768px){.new-form-input__input{font-size:16px}}.new-form-input__input:focus{background-color:var(--surfaces-main-background-secondary,#f8f8fa);border-color:var(--border-selected,#6200ee);outline:none}.new-form-input__input::placeholder{color:var(--labels-main-label-secondary,#626a90)}.new-form-input__input[type=date]::-webkit-datetime-edit-day-field,.new-form-input__input[type=date]::-webkit-datetime-edit-month-field,.new-form-input__input[type=date]::-webkit-datetime-edit-text,.new-form-input__input[type=date]::-webkit-datetime-edit-year-field,.new-form-input__input[type=time]::-webkit-datetime-edit-ampm-field,.new-form-input__input[type=time]::-webkit-datetime-edit-hour-field,.new-form-input__input[type=time]::-webkit-datetime-edit-minute-field,.new-form-input__input[type=time]::-webkit-datetime-edit-text{color:var(--label-primary,#121e52)}.new-form-input__textarea{background-color:var(--surfaces-main-background-secondary,#f8f8fa);border:1px solid var(--borders-main-border-primary,#e8e9ef);border-radius:var(--radius-md,4px);color:var(--labels-main-label-primary,#121e52);font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:var(--text-regular-size,15px);line-height:var(--text-regular-line,20px);min-height:120px;padding:8px 10px;resize:vertical;transition:all .2s ease;width:100%}@media (max-width:768px){.new-form-input__textarea{font-size:16px}}.new-form-input__textarea:focus{border-color:var(--border-selected,#6200ee);outline:none}.new-form-input__textarea::placeholder{color:var(--labels-main-label-secondary,#626a90)}.new-form-input__input-with-icon{align-items:center;background-color:var(--surfaces-main-background-secondary,#f8f8fa);border:2px solid var(--border-primary,#e8e9ef);border-radius:var(--radius-md,4px);display:flex;gap:var(--spacing-sm,8px);min-height:52px;padding:8px 10px;transition:all .2s ease;width:100%}.new-form-input__input-with-icon:focus-within{border-color:var(--border-selected,#6200ee)}.new-form-input__input-with-icon .icon{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;order:-1;width:24px}.new-form-input__input-with-icon--right .icon{order:1}.new-form-input__input-with-icon input{background:transparent;border:none;color:var(--label-primary);flex:1;font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:var(--text-regular-size,15px);line-height:var(--text-regular-line,20px)}@media (max-width:768px){.new-form-input__input-with-icon input{font-size:16px}}.new-form-input__input-with-icon input:focus{outline:none}.new-form-input__input-with-icon input::placeholder{color:var(--labels-main-label-secondary,#626a90)}.new-form-input__input-with-icon input[type=date]::-webkit-calendar-picker-indicator{-webkit-appearance:none;display:none}.new-form-input__input-with-icon input[type=date]::-webkit-inner-spin-button,.new-form-input__input-with-icon input[type=date]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.new-form-input__verification-code{display:flex;gap:var(--spacing-sm,8px);height:62px}.new-form-input__verification-code .code-input{background-color:var(--surfaces-main-background-secondary,#f8f8fa);border:2px solid var(--borders-main-border-primary,#e8e9ef);border-radius:var(--radius-md,4px);color:var(--labels-main-label-primary,#121e52);flex:1;font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:var(--text-lg-size,18px);font-weight:var(--heading-h3-weight,600);text-align:center;transition:all .2s ease}.new-form-input__verification-code .code-input:focus{border-color:var(--border-selected,#6200ee);outline:none}.new-form-input__helper-text{color:var(--label-secondary,#626a90);font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:var(--text-regular-size,15px);font-style:normal;font-weight:400;line-height:var(--text-regular-line,20px);margin-top:2px;min-width:max-content;white-space:nowrap}@media (max-width:768px){.new-form-input__helper-text{word-wrap:break-word;min-width:unset;white-space:normal}}.new-form-input__error-text{color:var(--labels-status-label-error,#ef4444);font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:11px;font-style:normal;font-weight:400;line-height:14px;margin-top:2px}.new-form-input--active .new-form-input__input{border-color:var(--border-selected,#6200ee)}.new-form-input--error .new-form-input__input{border-color:var(--borders-status-border-error,#ef4444)}.new-form-input--disabled{opacity:var(--opacity-50,.5);pointer-events:none}.new-form-input--on-surface .new-form-input__input,.new-form-input--on-surface .new-form-input__input-with-icon,.new-form-input--on-surface .new-form-input__textarea{background-color:var(--surface-primary,#fff);background:var(--surface-primary,#fff)}.new-form-input--on-surface .new-form-input__input-with-icon:focus,.new-form-input--on-surface .new-form-input__input-with-icon:focus-within,.new-form-input--on-surface .new-form-input__input:focus,.new-form-input--on-surface .new-form-input__input:focus-within,.new-form-input--on-surface .new-form-input__textarea:focus,.new-form-input--on-surface .new-form-input__textarea:focus-within{background-color:var(--surface-primary,#fff)}.new-form-input.dob-input .new-form-input__label{color:var(--label-secondary,#626a90)}.surface-context--secondary .new-form-input__input,.surface-context--secondary .new-form-input__input-with-icon,.surface-context--secondary .new-form-input__textarea{background-color:var(--surface-primary,#fff);background:var(--surface-primary,#fff)}.surface-context--secondary .new-form-input__input-with-icon:focus,.surface-context--secondary .new-form-input__input-with-icon:focus-within,.surface-context--secondary .new-form-input__input:focus,.surface-context--secondary .new-form-input__input:focus-within,.surface-context--secondary .new-form-input__textarea:focus,.surface-context--secondary .new-form-input__textarea:focus-within{background-color:var(--surface-primary,#fff)}";
 styleInject(css_248z);
 
 export { css_248z as default };

package/dist/zone/form/ZoneForm.js

@@ -91,7 +91,8 @@ var ZoneForm = function(param) {
     var form = useForm({
         mode: 'onChange',
         defaultValues: {
-            zoneRecurrences: []
+            zoneRecurrences: [],
+            sameStartTimeDaily: true
         }
     });
     var reset = form.reset, setError = form.setError, handleSubmit = form.handleSubmit, watch = form.watch;

package/dist/zone/form/components/ZoneControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ZoneControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/ZoneControl.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAA;AASrF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,EAAE,OAAO,CAAA;IAClB,SAAS,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAA;IACjC,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,WAAW,GAAI,qCAIzB,gBAAgB,4CAwBlB,CAAA"}
+{"version":3,"file":"ZoneControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/ZoneControl.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAA;AASrF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,EAAE,OAAO,CAAA;IAClB,SAAS,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAA;IACjC,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,WAAW,GAAI,qCAIzB,gBAAgB,4CAyClB,CAAA"}

package/dist/zone/form/components/ZoneControl.js

@@ -1,5 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { Row, Col } from 'react-bootstrap';
+import { Row, Col, Form } from 'react-bootstrap';
+import { useFormContext } from 'react-hook-form';
+import { useTranslation } from 'react-i18next';
 import { NameControl } from './NameControl.js';
 import { ZoneTypeControl } from './ZoneTypeControl.js';
 import { SortControl } from './SortControl.js';
@@ -8,8 +10,39 @@ import { DescriptionControl } from './DescriptionControl.js';
 import { ZoneImageControl } from './ZoneImageControl.js';
 import { GameDurationControl } from './GameDurationControl.js';
 
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
 var ZoneControl = function(param) {
     var isLoading = param.isLoading, workHours = param.workHours, timeZone = param.timeZone;
+    var _useFormContext = useFormContext(), register = _useFormContext.register, watch = _useFormContext.watch, setValue = _useFormContext.setValue;
+    var t = useTranslation('Design').t;
+    var sameStartTimeDaily = watch('sameStartTimeDaily');
     return /*#__PURE__*/ jsx(Row, {
         children: /*#__PURE__*/ jsxs(Col, {
             md: 6,
@@ -19,6 +52,25 @@ var ZoneControl = function(param) {
                 /*#__PURE__*/ jsx(NameControl, {
                     isLoading: isLoading
                 }),
+                /*#__PURE__*/ jsxs(Form.Group, {
+                    children: [
+                        /*#__PURE__*/ jsx("input", _object_spread({
+                            type: "hidden"
+                        }, register('sameStartTimeDaily'))),
+                        /*#__PURE__*/ jsx(Form.Check, {
+                            type: "switch",
+                            id: "sameStartTimeDailySwitch",
+                            label: t('sameStartTimeDaily'),
+                            disabled: isLoading,
+                            checked: sameStartTimeDaily === true || sameStartTimeDaily === 'true',
+                            onChange: function(e) {
+                                return setValue('sameStartTimeDaily', e.target.checked, {
+                                    shouldDirty: true
+                                });
+                            }
+                        })
+                    ]
+                }),
                 /*#__PURE__*/ jsx(ZoneRecurrencesControl, {
                     workHours: workHours,
                     timeZone: timeZone

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@licklist/design",
-  "version": "0.78.5-dev.93",
+  "version": "0.78.5-dev.95",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/bookedit-licklist/licklist_design.git"
@@ -42,7 +42,7 @@
     ]
   },
   "peerDependencies": {
-    "@licklist/core": "0.36.1-dev.42",
+    "@licklist/core": "0.36.1-dev.43",
     "@licklist/eslint-config": "0.5.6",
     "@licklist/plugins": "0.36.4-dev.15",
     "clsx": "2.1.1",

package/src/v2/components/AvatarUpload/AvatarUpload.tsx

@@ -1,4 +1,5 @@
 import React, { useRef } from 'react'
+import { useTranslation } from 'react-i18next'
 import './AvatarUpload.scss'
 import { UploadIcon } from '../../icons'
 
@@ -19,6 +20,7 @@ export const AvatarUpload: React.FC<AvatarUploadProps> = ({
   description,
   className = '',
 }) => {
+  const { t } = useTranslation(['Design'])
   const inputRef = useRef<HTMLInputElement>(null)
 
   const handleCircleClick = () => {
@@ -41,7 +43,7 @@ export const AvatarUpload: React.FC<AvatarUploadProps> = ({
         onClick={handleCircleClick}
       >
         {preview ? (
-          <img className="avatar-upload__image" src={preview} alt="Avatar preview" />
+          <img className="avatar-upload__image" src={preview} alt={t('avatarPreview')} />
         ) : (
           <span className="avatar-upload__upload-icon">
             <UploadIcon />
@@ -62,11 +64,11 @@ export const AvatarUpload: React.FC<AvatarUploadProps> = ({
         {description && <span className="avatar-upload__description">{description}</span>}
         {preview ? (
           <button type="button" className="avatar-upload__remove" onClick={onDelete}>
-            Remove
+            {t('remove')}
           </button>
         ) : (
           <button type="button" className="avatar-upload__upload-btn" onClick={handleCircleClick}>
-            Upload
+            {t('upload')}
           </button>
         )}
       </div>

package/src/v2/components/Customer/CustomersList.scss

@@ -458,12 +458,11 @@
       overflow-x: auto;
       -webkit-overflow-scrolling: touch;
       padding: 0;
+      scrollbar-width: none;
 
       &::-webkit-scrollbar {
         display: none;
       }
-
-      scrollbar-width: none;
     }
 
     &__tab {
@@ -608,13 +607,6 @@
             "next last"
             "divider divider"
             "status actions";
-
-          :is(.waivers-page--compact) & {
-            grid-template-areas:
-              "customer customer"
-              "divider divider"
-              "status actions";
-          }
           border: 1px solid var(--border-primary, #E8E9EF);
           border-radius: 12px;
           margin-bottom: 16px;
@@ -624,6 +616,13 @@
           position: relative;
           overflow: visible;
 
+          :is(.waivers-page--compact) & {
+            grid-template-areas:
+              "customer customer"
+              "divider divider"
+              "status actions";
+          }
+
           &::after {
             content: "";
             grid-area: divider;

package/src/v2/components/IconButton/IconButton.scss

@@ -5,8 +5,8 @@
   gap: var(--spacing-sm, 8px);
   padding: 0 16px 0 12px;
   height: 36px;
-  background: transparent;
-  border: 1px solid var(--border-primary);
+  background: var(--surface-action-soft);
+  border: none;
   border-radius: 8px;
   cursor: pointer;
   transition: all 0.2s ease;
@@ -18,33 +18,33 @@
   }
 
   &:hover {
-    background: var(--surface-secondary);
-    color: var(--label-primary);
+    background: var(--surface-action-soft-hover, color-mix(in srgb, var(--surface-action-soft) 85%, var(--label-action)));
 
     .icon-button__icon {
-      color: var(--label-primary);
+      color: var(--label-action);
     }
 
     .icon-button__label {
-      color: var(--label-primary);
+      color: var(--label-action);
     }
   }
 
   &:active {
-    background: var(--surface-tertiary);
+    background: var(--surface-action-soft);
+    opacity: 0.8;
   }
 
   &__icon {
     display: flex;
     align-items: center;
-    color: var(--label-primary);
+    color: var(--label-action);
   }
 
   &__label {
     font-size: 13px;
     font-weight: 500;
     line-height: 16px;
-    color: var(--label-primary);
+    color: var(--label-action);
   }
 }
 

package/src/v2/components/Modal/DeleteModal.tsx

@@ -1,4 +1,5 @@
 import React, { useState, useEffect } from 'react'
+import { useTranslation } from 'react-i18next'
 import {
   Dialog,
   DialogContent,
@@ -33,6 +34,7 @@ export const DeleteModal: React.FC<DeleteModalProps> = ({
   confirmationPlaceholder,
   isDeleting = false,
 }) => {
+  const { t } = useTranslation(['Design'])
   const [inputValue, setInputValue] = useState('')
 
   useEffect(() => {
@@ -70,7 +72,7 @@ export const DeleteModal: React.FC<DeleteModalProps> = ({
 
           <div className="delete-modal__confirmation">
             <p className="delete-modal__label">
-              Type <strong>{confirmationText}</strong> to confirm deletion
+              {t('typeWord')} <strong>{confirmationText}</strong> {t('toConfirmDeletion')}
             </p>
             <NewInput
               type="text"
@@ -89,7 +91,7 @@ export const DeleteModal: React.FC<DeleteModalProps> = ({
             onClick={handleConfirm}
             disabled={isConfirmDisabled}
           >
-            {isDeleting ? 'Deleting...' : 'Delete'}
+            {isDeleting ? t('deleting') : t('delete')}
           </button>
           <button
             type="button"
@@ -97,7 +99,7 @@ export const DeleteModal: React.FC<DeleteModalProps> = ({
             onClick={onClose}
             disabled={isDeleting}
           >
-            Cancel
+            {t('cancel')}
           </button>
         </DialogFooter>
       </DialogContent>

package/src/v2/components/StatusBadge/StatusBadge.tsx

@@ -1,4 +1,5 @@
 import React from 'react'
+import { useTranslation } from 'react-i18next'
 import './StatusBadge.scss'
 
 export type StatusBadgeStatus =
@@ -19,22 +20,26 @@ export interface StatusBadgeProps {
   label?: string
 }
 
-const STATUS_LABELS: Record<StatusBadgeStatus, string> = {
-  active: 'Active',
-  disabled: 'Disabled',
-  suspended: 'Suspended',
-  invited: 'Invited',
-  imported: 'Imported',
-  inactive: 'Inactive',
-  expired: 'Expired',
-  success: 'Success',
-  warning: 'Warning',
-  error: 'Error',
-  default: '',
-}
+export const StatusBadge: React.FC<StatusBadgeProps> = ({ status, label }) => {
+  const { t } = useTranslation(['Design'])
+
+  const STATUS_LABELS: Record<StatusBadgeStatus, string> = {
+    active: t('statusActive'),
+    disabled: t('statusDisabled'),
+    suspended: t('statusSuspended'),
+    invited: t('statusInvited'),
+    imported: t('statusImported'),
+    inactive: t('statusInactive'),
+    expired: t('statusExpired'),
+    success: t('statusSuccess'),
+    warning: t('statusWarning'),
+    error: t('statusError'),
+    default: '',
+  }
 
-export const StatusBadge: React.FC<StatusBadgeProps> = ({ status, label }) => (
-  <span className={`status-badge status-badge--${status}`}>
-    {label ?? STATUS_LABELS[status]}
-  </span>
-)
+  return (
+    <span className={`status-badge status-badge--${status}`}>
+      {label ?? STATUS_LABELS[status]}
+    </span>
+  )
+}

package/src/v2/components/TableControls/TableControls.tsx

@@ -1,4 +1,5 @@
 import React from 'react'
+import { useTranslation } from 'react-i18next'
 import { Button } from '../Button'
 import { QuickFilter } from '../QuickFilter'
 import type { QuickFilterOption } from '../QuickFilter'
@@ -40,8 +41,9 @@ export const TableControls: React.FC<TableControlsProps> = ({
   searchConfig,
   filters,
   actions,
-  filterLabel = 'Quick Filters:',
+  filterLabel,
 }) => {
+  const { t } = useTranslation(['Design'])
   const filterOptions: QuickFilterOption[] = (filters ?? []).map((f) => ({
     label: f.label,
     value: f.value,
@@ -73,7 +75,7 @@ export const TableControls: React.FC<TableControlsProps> = ({
               <input
                 className="table-controls__search"
                 type="text"
-                placeholder={searchConfig.placeholder ?? 'Search…'}
+                placeholder={searchConfig.placeholder ?? t('searchPlaceholder')}
                 value={searchConfig.value}
                 onChange={(e) => searchConfig.onChange(e.target.value)}
               />
@@ -99,7 +101,7 @@ export const TableControls: React.FC<TableControlsProps> = ({
       {/* ── Quick filters row ── */}
       {filterOptions.length > 0 && (
         <QuickFilter
-          label={filterLabel}
+          label={filterLabel ?? t('quickFilters')}
           options={filterOptions}
           selectedValues={selectedFilterValues}
           onChange={handleFilterChange}

package/src/v2/components/UserPanel/UserPanel.tsx

@@ -1,4 +1,5 @@
 import React from 'react'
+import { useTranslation } from 'react-i18next'
 import './UserPanel.scss'
 import { UserAvatar } from '../UserAvatar'
 
@@ -48,6 +49,7 @@ export const UserPanel: React.FC<UserPanelProps> = ({
     onProfileClick,
     onLogoutClick,
 }) => {
+    const { t } = useTranslation(['Design'])
     const displayFirstName = firstName || userName?.split(' ')[0] || 'User'
     const displayInitials = initials || userName?.split(' ').map(n => n[0]).join('').toUpperCase().slice(0, 2) || 'U'
 
@@ -75,7 +77,7 @@ export const UserPanel: React.FC<UserPanelProps> = ({
                             size="md"
                         />
                         <div className="user-panel__user-details">
-                            <h2 className="user-panel__greeting">Hey {displayFirstName}</h2>
+                            <h2 className="user-panel__greeting">{t('greetingHey', { name: displayFirstName })}</h2>
                             {email && (
                                 <span className="user-panel__email">{email}</span>
                             )}
@@ -84,7 +86,7 @@ export const UserPanel: React.FC<UserPanelProps> = ({
                     <button
                         onClick={onClose}
                         className="user-panel__close-btn"
-                        aria-label="Close user menu"
+                        aria-label={t('closeUserMenu')}
                     >
                         <CloseIcon />
                     </button>
@@ -97,7 +99,7 @@ export const UserPanel: React.FC<UserPanelProps> = ({
                         className="user-panel__menu-item"
                     >
                         <UserIcon />
-                        <span>Profile</span>
+                        <span>{t('profile')}</span>
                     </button>
                 </div>
 
@@ -108,7 +110,7 @@ export const UserPanel: React.FC<UserPanelProps> = ({
                         className="user-panel__menu-item"
                     >
                         <LogoutIcon />
-                        <span>Log out</span>
+                        <span>{t('logOutLower')}</span>
                     </button>
                 </div>
 
@@ -116,7 +118,9 @@ export const UserPanel: React.FC<UserPanelProps> = ({
                 <div className="user-panel__footer">
                     <div className="user-panel__user-badge">
                         <span>
-                            User: {userNumber ? String(userNumber).padStart(2, '0') : 'N/A'}{userRole ? ` - ${userRole}` : ''}
+                            {userRole
+                              ? t('userLabelWithRole', { id: userNumber ? String(userNumber).padStart(2, '0') : 'N/A', role: userRole })
+                              : t('userLabel', { id: userNumber ? String(userNumber).padStart(2, '0') : 'N/A' })}
                         </span>
                     </div>
                 </div>

package/src/v2/dashboard-analytics/blog-posts/Blog.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import { useTranslation } from 'react-i18next';
 import './Blog.scss';
 
 interface BlogPost {
@@ -49,15 +50,16 @@ const ExternalLinkIcon = () => (
   </svg>
 );
 
-export const Blog: React.FC<BlogProps> = ({ 
-  posts = defaultPosts, 
+export const Blog: React.FC<BlogProps> = ({
+  posts = defaultPosts,
   logoUrl = 'https://api.builder.io/api/v1/image/assets/TEMP/1f8a6c2f7239cf2c859ace81bb32160a5d376121?placeholderIfAbsent=true',
   className = ''
 }) => {
+  const { t } = useTranslation(['Design']);
   return (
     <div className={`blog ${className}`}>
       <div className="blog__header">
-        <h2 className="blog__title">Latest Updates</h2>
+        <h2 className="blog__title">{t('latestUpdates')}</h2>
         <img 
           src={logoUrl} 
           alt="Logo" 
@@ -76,7 +78,7 @@ export const Blog: React.FC<BlogProps> = ({
               rel="noopener noreferrer"
               className="blog__post-link"
             >
-              Read more
+              {t('readMore')}
               <span className="blog__post-link-icon">
                 <ExternalLinkIcon />
               </span>

package/src/v2/dashboard-analytics/chart/Chart.scss

@@ -24,12 +24,12 @@
   }
 
   &--refreshing {
+    border-color: rgba(31, 154, 181, 0.3);
+
     .chart__wrapper {
       opacity: 0.95;
       transition: opacity 0.2s ease-in-out;
     }
-    
-    border-color: rgba(31, 154, 181, 0.3);
   }
 
   &[data-full-width="true"] {