@cryptlex/web-components 4.1.0 → 5.1.0

package/dist/node_modules/.pnpm/use-sync-external-store@1.5.0_react@19.1.0/node_modules/use-sync-external-store/shim/index.es.js

@@ -0,0 +1,9 @@
+import { __module as r } from "../../../../../../_virtual/index.es.js";
+import { __require as e } from "../cjs/use-sync-external-store-shim.production.es.js";
+import { __require as o } from "../cjs/use-sync-external-store-shim.development.es.js";
+process.env.NODE_ENV === "production" ? r.exports = e() : r.exports = o();
+var m = r.exports;
+export {
+  m as s
+};
+//# sourceMappingURL=index.es.js.map

package/dist/node_modules/.pnpm/use-sync-external-store@1.5.0_react@19.1.0/node_modules/use-sync-external-store/shim/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../../../../../node_modules/.pnpm/use-sync-external-store@1.5.0_react@19.1.0/node_modules/use-sync-external-store/shim/index.js"],"sourcesContent":["'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('../cjs/use-sync-external-store-shim.production.js');\n} else {\n  module.exports = require('../cjs/use-sync-external-store-shim.development.js');\n}\n"],"names":["shimModule","require$$0","require$$1"],"mappings":";;;AAEI,QAAQ,IAAI,aAAa,eAC3BA,EAAA,UAAiBC,EAAA,IAEjBD,EAAA,UAAiBE,EAAA;;","x_google_ignoreList":[0]}

package/dist/utils/form-hook.es.js

@@ -1,28 +1,30 @@
-import { formContext as o, fieldContext as t } from "./form-context.es.js";
-import { createFormHook as r } from "@tanstack/react-form";
-import { TfTextarea as m } from "../components/inputs/textarea.es.js";
-import { TfMultiSelect as e } from "../components/inputs/multi-select.es.js";
-import { TfCheckbox as f } from "../components/inputs/checkbox.es.js";
-import { TfLicenseTypeSelect as p } from "../components/inputs/license-type-select.es.js";
-import { TfCountrySelect as i } from "../components/inputs/country-select.es.js";
-import { TfInput as n } from "../components/inputs/input.es.js";
-import { Button as T } from "../components/ui/button.es.js";
-const { useAppForm: k } = r({
+import { TfCheckbox as t } from "../components/inputs/checkbox.es.js";
+import { TfNumberField as m } from "../components/inputs/numberfield.es.js";
+import { TfSingleSelect as e } from "../components/inputs/select.es.js";
+import { formContext as f, fieldContext as p } from "./form-context.es.js";
+import { createFormHook as i } from "@tanstack/react-form";
+import { TfMultiSelect as n } from "../components/inputs/multi-select.es.js";
+import { TfTextField as s } from "../components/inputs/textfield.es.js";
+import { Button as a } from "../components/ui/button.es.js";
+function S(o) {
+  return o == null ? void 0 : o.state.meta.errors.map((r) => r == null ? void 0 : r.message).join(",");
+}
+const { useAppForm: b } = i({
   fieldComponents: {
-    TfInput: n,
-    TfCountrySelect: i,
-    TfLicenseTypeSelect: p,
-    TfCheckbox: f,
-    TfMultiSelect: e,
-    TfTextarea: m
+    TfTextField: s,
+    TfNumberField: m,
+    TfMultiSelect: n,
+    TfSingleSelect: e,
+    TfCheckbox: t
   },
   formComponents: {
-    Button: T
+    Button: a
   },
-  fieldContext: t,
-  formContext: o
+  fieldContext: p,
+  formContext: f
 });
 export {
-  k as useAppForm
+  S as getFieldErrorMessage,
+  b as useAppForm
 };
 //# sourceMappingURL=form-hook.es.js.map

package/dist/utils/form-hook.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-hook.es.js","sources":["../../lib/utils/form-hook.tsx"],"sourcesContent":["import {\n\tTfCheckbox,\n\tTfCountrySelect,\n\tTfInput,\n\tTfLicenseTypeSelect,\n\tTfMultiSelect,\n\tTfTextarea,\n} from \"@/components/inputs\";\nimport { Button } from \"@/components/ui\";\nimport { fieldContext, formContext } from \"@/utils/form-context\";\nimport { createFormHook } from \"@tanstack/react-form\";\n\n/** Don't put this in the same file as form-context.tsx, this causes circular dependencies. */\n\n/** TODO, lazy loading when fieldComponents are large */\n/**\n * Builder for form logic and user interfaces\n */\nexport const { useAppForm } = createFormHook({\n\tfieldComponents: {\n\t\tTfInput,\n\t\tTfCountrySelect,\n\t\tTfLicenseTypeSelect,\n\t\tTfCheckbox,\n\t\tTfMultiSelect,\n\t\tTfTextarea,\n\t},\n\tformComponents: {\n\t\tButton,\n\t},\n\tfieldContext,\n\tformContext,\n});\n"],"names":["useAppForm","createFormHook","TfInput","TfCountrySelect","TfLicenseTypeSelect","TfCheckbox","TfMultiSelect","TfTextarea","Button","fieldContext","formContext"],"mappings":";;;;;;;;;AAkBO,MAAM,EAAE,YAAAA,EAAA,IAAeC,EAAe;AAAA,EAC5C,iBAAiB;AAAA,IAChB,SAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,EAAA;AAAA,EAED,gBAAgB;AAAA,IACf,QAAAC;AAAA,EAAA;AAAA,EAED,cAAAC;AAAA,EACA,aAAAC;AACD,CAAC;"}
+{"version":3,"file":"form-hook.es.js","sources":["../../lib/utils/form-hook.tsx"],"sourcesContent":["import {\n\tTfMultiSelect,\n\tTfTextField\n} from \"@/components/inputs\";\nimport { TfCheckbox } from \"@/components/inputs/checkbox\";\nimport { TfNumberField } from \"@/components/inputs/numberfield\";\nimport { TfSingleSelect } from \"@/components/inputs/select\";\nimport { Button } from \"@/components/ui\";\nimport { fieldContext, formContext } from \"@/utils/form-context\";\nimport { createFormHook, type FieldApi } from \"@tanstack/react-form\";\n\nexport function getFieldErrorMessage(field: FieldApi<any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any>): string {\n\treturn field?.state.meta.errors.map((e) => e?.message).join(\",\")\n}\n\n/** Don't put this in the same file as form-context.tsx, this causes circular dependencies. */\n\n/** TODO, lazy loading when fieldComponents are large */\n/**\n * Builder for form logic and user interfaces\n */\nexport const { useAppForm } = createFormHook({\n\tfieldComponents: {\n\t\tTfTextField,\n\t\tTfNumberField,\n\t\tTfMultiSelect,\n\t\tTfSingleSelect,\n\t\tTfCheckbox,\n\t},\n\tformComponents: {\n\t\tButton,\n\t},\n\tfieldContext,\n\tformContext,\n});\n"],"names":["getFieldErrorMessage","field","e","useAppForm","createFormHook","TfTextField","TfNumberField","TfMultiSelect","TfSingleSelect","TfCheckbox","Button","fieldContext","formContext"],"mappings":";;;;;;;;AAWO,SAASA,EAAqBC,GAAwH;AAC5J,SAAOA,KAAA,gBAAAA,EAAO,MAAM,KAAK,OAAO,IAAI,CAACC,MAAMA,KAAA,gBAAAA,EAAG,SAAS,KAAK;AAC7D;AAQO,MAAM,EAAE,YAAAC,EAAA,IAAeC,EAAe;AAAA,EAC5C,iBAAiB;AAAA,IAChB,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,YAAAC;AAAA,EAAA;AAAA,EAED,gBAAgB;AAAA,IACf,QAAAC;AAAA,EAAA;AAAA,EAED,cAAAC;AAAA,EACA,aAAAC;AACD,CAAC;"}

package/dist/utils/primitives.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"primitives.es.js","sources":["../../lib/utils/primitives.ts"],"sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\n\n/** Classnames */\nexport function cn(...inputs: ClassValue[]) {\n    return clsx(inputs);\n}\n\n/**\n * This is the variable name representing the primary hue.\n * Referenced in tokens.scss -> token.css\n */\nconst PRIMARY_HUE_PROPERTY = \"--primary-hue\";\n\n/**\n *\n * @returns\n */\nexport function getThemeHue() {\n    return document.documentElement.style.getPropertyValue(PRIMARY_HUE_PROPERTY);\n}\n\n/**\n * @param hue the hue value to set in the document style\n */\nexport function setThemeHue(hue: number) {\n    document.documentElement.style.setProperty(\n        PRIMARY_HUE_PROPERTY,\n        // In this case, it must be a number.\n        hue as unknown as string,\n    );\n}\n\nconst ACCESS_TOKEN = \"AT\";\nconst REFRESH_TOKEN = \"RT\";\nexport function logout() {\n    if (typeof window !== \"undefined\" && window.localStorage) {\n        try {\n            localStorage.removeItem(REFRESH_TOKEN);\n            localStorage.removeItem(ACCESS_TOKEN);\n            window.location.replace(\"/auth/login\");\n        } catch (error) {\n            console.error(\"Logout failed:\", error);\n        }\n    }\n}\n\nexport type JwtDecode = {\n    aud: string;\n    email: string;\n    exp: number;\n    iat: number;\n    jti: string;\n    region: string;\n    role: string;\n    role_type: string;\n    scope: string[];\n    sub: string;\n    teat: number;\n    tenantid: string;\n    token_usage: string;\n    sadmin?: string;\n};\nexport type CtxPortals =\n    | \"customer-portal\"\n    | \"system-portal\"\n    | \"reseller-portal\"\n    | \"admin-portal\";\n"],"names":["cn","inputs","clsx","PRIMARY_HUE_PROPERTY","getThemeHue","setThemeHue","hue","ACCESS_TOKEN","REFRESH_TOKEN","logout","error"],"mappings":";AAGO,SAASA,KAAMC,GAAsB;AACxC,SAAOC,EAAKD,CAAM;AACtB;AAMA,MAAME,IAAuB;AAMtB,SAASC,IAAc;AAC1B,SAAO,SAAS,gBAAgB,MAAM,iBAAiBD,CAAoB;AAC/E;AAKO,SAASE,EAAYC,GAAa;AACrC,WAAS,gBAAgB,MAAM;AAAA,IAC3BH;AAAA;AAAA,IAEAG;AAAA,EAAA;AAER;AAEA,MAAMC,IAAe,MACfC,IAAgB;AACf,SAASC,IAAS;AACrB,MAAI,OAAO,SAAW,OAAe,OAAO;AACxC,QAAI;AACA,mBAAa,WAAWD,CAAa,GACrC,aAAa,WAAWD,CAAY,GACpC,OAAO,SAAS,QAAQ,aAAa;AAAA,IACzC,SAASG,GAAO;AACZ,cAAQ,MAAM,kBAAkBA,CAAK;AAAA,IACzC;AAER;"}
+{"version":3,"file":"primitives.es.js","sources":["../../lib/utils/primitives.ts"],"sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\n\n/** Classnames */\nexport function cn(...inputs: ClassValue[]) {\n    return clsx(inputs);\n}\n\n/**\n * This is the variable name representing the primary hue.\n * Referenced in tokens.scss -> token.css\n */\nconst PRIMARY_HUE_PROPERTY = \"--primary-hue\";\n\n/**\n *\n * @returns\n */\nexport function getThemeHue() {\n    return document.documentElement.style.getPropertyValue(PRIMARY_HUE_PROPERTY);\n}\n\n/**\n * @param hue the hue value to set in the document style\n */\nexport function setThemeHue(hue: number) {\n    document.documentElement.style.setProperty(\n        PRIMARY_HUE_PROPERTY,\n        // In this case, it must be a number.\n        hue as unknown as string,\n    );\n}\n\nconst ACCESS_TOKEN = \"AT\";\nconst REFRESH_TOKEN = \"RT\";\nexport function logout() {\n    if (typeof window !== \"undefined\" && window.localStorage) {\n        try {\n            localStorage.removeItem(REFRESH_TOKEN);\n            localStorage.removeItem(ACCESS_TOKEN);\n            window.location.replace(\"/auth/login\");\n        } catch (error) {\n            console.error(\"Logout failed:\", error);\n        }\n    }\n}\n\nexport type JwtDecode = {\n    aud: string;\n    email: string;\n    exp: number;\n    iat: number;\n    jti: string;\n    region: string;\n    role: string;\n    role_type: string;\n    scope: string[];\n    sub: string;\n    teat: number;\n    tenantid: string;\n    token_usage: string;\n    sadmin?: string;\n};\n\nexport type CtxPortals =\n    | \"customer-portal\"\n    | \"system-portal\"\n    | \"reseller-portal\"\n    | \"admin-portal\";\n"],"names":["cn","inputs","clsx","PRIMARY_HUE_PROPERTY","getThemeHue","setThemeHue","hue","ACCESS_TOKEN","REFRESH_TOKEN","logout","error"],"mappings":";AAGO,SAASA,KAAMC,GAAsB;AACxC,SAAOC,EAAKD,CAAM;AACtB;AAMA,MAAME,IAAuB;AAMtB,SAASC,IAAc;AAC1B,SAAO,SAAS,gBAAgB,MAAM,iBAAiBD,CAAoB;AAC/E;AAKO,SAASE,EAAYC,GAAa;AACrC,WAAS,gBAAgB,MAAM;AAAA,IAC3BH;AAAA;AAAA,IAEAG;AAAA,EAAA;AAER;AAEA,MAAMC,IAAe,MACfC,IAAgB;AACf,SAASC,IAAS;AACrB,MAAI,OAAO,SAAW,OAAe,OAAO;AACxC,QAAI;AACA,mBAAa,WAAWD,CAAa,GACrC,aAAa,WAAWD,CAAY,GACpC,OAAO,SAAS,QAAQ,aAAa;AAAA,IACzC,SAASG,GAAO;AACZ,cAAQ,MAAM,kBAAkBA,CAAK;AAAA,IACzC;AAER;"}

package/dist/utils/resource-names.es.js

@@ -0,0 +1,182 @@
+import { jsx as n } from "react/jsx-runtime";
+import { createContext as i, use as l } from "react";
+function g(e) {
+  return e.replace(/([A-Z])/g, " $1").trim().split(" ").map((o) => o.charAt(0).toUpperCase() + o.slice(1).toLowerCase()).join(" ");
+}
+function f(e, o) {
+  return o > 1 ? /y$/.test(e) ? e === "Day" ? "Days" : e.replace(/y$/, "ies") : e.concat("s") : e;
+}
+function c(e) {
+  if (e) {
+    const o = e.replace(/([A-Z])/g, " $1");
+    return o.charAt(0).toUpperCase().concat(o.slice(1)).replace(/\.[a-z]/, (s) => s.replace(".", " ").toUpperCase());
+  }
+  return e;
+}
+const t = {
+  "product.displayName": "Product"
+}, y = [
+  "access-token",
+  "account",
+  "activation",
+  "activation-log",
+  "admin-role",
+  "audit-log",
+  "automated-email",
+  "automated-email-event-log",
+  "card",
+  "feature-flag",
+  "invoice",
+  "license",
+  "license-template",
+  "maintenance-policy",
+  "organization",
+  "plan",
+  "product",
+  "product-version",
+  "profile",
+  "release",
+  "release-channel",
+  "release-file",
+  "release-platform",
+  "report",
+  "role",
+  "role-claim",
+  "saml-configuration",
+  "segment",
+  "sending-domain",
+  "setting",
+  "tag",
+  "team-member",
+  "trial",
+  "trial-policy",
+  "user",
+  "user-group",
+  "webhook",
+  "webhook-event-log",
+  "webhook-trigger",
+  "reseller",
+  "oidc-configuration",
+  "organization-claim",
+  "reseller-claim"
+], h = {
+  account: "Your organization account.",
+  product: "Products are the software products you want to license",
+  license: "Licenses represent a purchase of your software. These can be linked to customers, and the license key is required to use the product.",
+  "access-token": "Access Tokens are used to authenticate your API requests.",
+  activation: "Activations, also known as devices/machines/seats are the devices consuming licenses.",
+  "activation-log": "Activation Log is a log entry of activation/deactivation of a particular license.",
+  trial: "Trial/Trial Activation is a device that has activated a trial of your product.",
+  "audit-log": "Audit logs contain all the changes made to your account.",
+  "automated-email": "Automated Email allow you to send marketing emails based on events on the linked product.",
+  "automated-email-event-log": "Automated email event log is the log of all the automated email events for your product.",
+  card: "The payment card for your account.",
+  "feature-flag": "Feature flags define features that make up tiers for your products.",
+  invoice: "",
+  "license-template": "License templates are a blueprint for the licenses you create for your customers and prevent repetition when creating licenses.",
+  "maintenance-policy": "Maintenance policies represent support contracts and can be linked to licenses.",
+  plan: "",
+  "product-version": "Product Versions are sets of Feature Flags that define the tiers of your products.",
+  "release-channel": "Release channel is the release channel for your product.",
+  "release-file": "Release files are files within your created releases.",
+  "release-platform": 'Release Platforms differentiate the target platform for your release. Common platforms include "Windows", "macOS", and "Linux".',
+  release: "Releases help you to manage different versions of your app, and secure distribute it to licensed users.",
+  report: "Analytics data for your account",
+  "role-claim": "",
+  role: "Roles define permissions for your team.",
+  "saml-configuration": "",
+  segment: "Sets of filters that can be saved to filter resources.",
+  "trial-policy": "Trial policies are templates for creating trials for your products.",
+  "webhook-event-log": "Webhook Event Logs are logs of events that have occured on webhooks.",
+  "webhook-trigger": "",
+  webhook: "Webhooks are HTTP callbacks which are triggered by specific events.",
+  organization: "",
+  profile: "",
+  setting: "",
+  tag: "Tags allow you to manage your licenses and customers on the dashboard.",
+  "team-member": "Team members can access the account based on their roles.",
+  user: "A user refers to your customer whom you want to license your product.",
+  "sending-domain": "Allows Cryptlex to send emails on your behalf using your From Email address",
+  "admin-role": "Roles that have type admin",
+  "user-group": "Groups of users that you can assign licenses to.",
+  reseller: "Resellers allow you to delegate user management to third parties or partners",
+  "oidc-configuration": "",
+  "organization-claim": "",
+  "reseller-claim": ""
+}, a = {
+  id: "ID",
+  createdAt: "Creation Date",
+  scopes: "Permissions",
+  updatedAt: "Last Updated",
+  expiresAt: "Expiration Date",
+  lastSeenAt: "Last Seen",
+  os: "OS",
+  osVersion: "OS Version",
+  key: "License Key",
+  vmName: "VM Name",
+  container: "Container",
+  allowedIpRange: "Allowed IP Range",
+  allowedIpRanges: "Allowed IP Ranges",
+  allowedIpAddresses: "Allowed IP Addresses",
+  disallowedIpAddresses: "Disallowed IP Addresses",
+  allowVmActivation: "Allow VM Activation",
+  disableGeoLocation: "Disable Geolocation",
+  "user.id": "User ID",
+  userId: "User",
+  productId: "Product",
+  downloads: "Total Downloads",
+  claims: "Permissions",
+  googleSsoEnabled: "Google Login Enabled",
+  lastAttemptedAt: "Last Attempt Date",
+  url: "URL",
+  "trialPolicy.name": "Trial Policy Name",
+  "licensePolicy.name": "License Template Name",
+  licensePolicy: "License Template",
+  eventLog: "Audit Log",
+  cc: "CC Recepients",
+  bcc: "BCC Recepients",
+  ipAddress: "IP Address",
+  resellerId: "Reseller",
+  productVersionId: "Product Version",
+  releaseId: "Release",
+  maintenancePolicyId: "Maintenance Policy",
+  webhookId: "Webhook",
+  automatedEmailId: "Automated Email",
+  "location.countryName": "Country",
+  "location.ipAddress": "IP Address",
+  "location.countryCode": "Country",
+  organizationId: "Organization",
+  "address.country": "Country",
+  "address.addressLine1": "Address Line 1",
+  "address.addressLine2": "Address Line 2",
+  responseStatusCode: "HTTP Status Code",
+  resourceId: "Resource ID",
+  Sso: "SAML SSO 2.0",
+  "reseller.name": "Reseller",
+  sendingDomain: "Email Sending Domain"
+};
+function d(e, o) {
+  return o !== "admin-portal" && e in t ? t[e] : e in a ? a[e] : c(e);
+}
+const r = i("admin-portal");
+function A({ projectName: e, children: o }) {
+  return /* @__PURE__ */ n(r.Provider, { value: e, children: o });
+}
+function u() {
+  return l(r);
+}
+function v() {
+  const e = u();
+  return (o) => d(o, e);
+}
+export {
+  A as ProjectProvider,
+  h as RESOURCE_DEFINITIONS,
+  y as RESOURCE_NAMES,
+  c as convertCamelCaseToTitleCase,
+  g as convertToTitleCase,
+  f as pluralizeTimes,
+  u as useProjectName,
+  v as useResourceFormatter
+};
+//# sourceMappingURL=resource-names.es.js.map

package/dist/utils/resource-names.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resource-names.es.js","sources":["../../lib/utils/resource-names.tsx"],"sourcesContent":["import type { CtxPortals } from \"@/utils/primitives\";\nimport { createContext, use } from \"react\";\n\n/**\n *\n * @param input camelCase\n * @returns title case for the camelCase string\n */\nexport function convertToTitleCase(input: string): string {\n    return input\n        .replace(/([A-Z])/g, \" $1\") // Insert space before capital letters\n        .trim() // Remove any leading/trailing spaces\n        .split(\" \") // Split into words\n        .map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()) // Capitalize each word\n        .join(\" \"); // Join back into a single string\n}\n\nexport function pluralizeTimes(resourceName: string, count: number) {\n    if (count > 1) {\n        if (/y$/.test(resourceName)) {\n            if (resourceName === \"Day\") return \"Days\";\n            return resourceName.replace(/y$/, \"ies\");\n        }\n        return resourceName.concat(\"s\");\n    }\n    return resourceName;\n}\n\n/**\n * Converts a string from 'camelCase' to 'Title Case'\n * @param input String to convert to `Title Case`\n */\nexport function convertCamelCaseToTitleCase(input: string) {\n    if (input) {\n        const spacedString = input.replace(/([A-Z])/g, \" $1\");\n        return spacedString\n            .charAt(0)\n            .toUpperCase()\n            .concat(spacedString.slice(1))\n            .replace(/\\.[a-z]/, (substr: string) => {\n                return substr.replace(\".\", \" \").toUpperCase();\n            });\n    }\n    return input;\n}\n\n// Display names specific to customer and reseller portal\nconst OTHER_PORTALS_DISPLAY_NAME: Record<string, string> = {\n    \"product.displayName\": \"Product\",\n};\n\n/** Resource Name should ALWAYS be in singular form */\nexport const RESOURCE_NAMES = [\n    \"access-token\",\n    \"account\",\n    \"activation\",\n    \"activation-log\",\n    \"admin-role\",\n    \"audit-log\",\n    \"automated-email\",\n    \"automated-email-event-log\",\n    \"card\",\n    \"feature-flag\",\n    \"invoice\",\n    \"license\",\n    \"license-template\",\n    \"maintenance-policy\",\n    \"organization\",\n    \"plan\",\n    \"product\",\n    \"product-version\",\n    \"profile\",\n    \"release\",\n    \"release-channel\",\n    \"release-file\",\n    \"release-platform\",\n    \"report\",\n    \"role\",\n    \"role-claim\",\n    \"saml-configuration\",\n    \"segment\",\n    \"sending-domain\",\n    \"setting\",\n    \"tag\",\n    \"team-member\",\n    \"trial\",\n    \"trial-policy\",\n    \"user\",\n    \"user-group\",\n    \"webhook\",\n    \"webhook-event-log\",\n    \"webhook-trigger\",\n    \"reseller\",\n    \"oidc-configuration\",\n    \"organization-claim\",\n    \"reseller-claim\",\n] as const;\nexport type ResourceName = (typeof RESOURCE_NAMES)[number];\nexport const RESOURCE_DEFINITIONS: Record<ResourceName, string> = {\n    account: \"Your organization account.\",\n    product: \"Products are the software products you want to license\",\n    license:\n        \"Licenses represent a purchase of your software. These can be linked to customers, and the license key is required to use the product.\",\n    \"access-token\": \"Access Tokens are used to authenticate your API requests.\",\n    activation:\n        \"Activations, also known as devices/machines/seats are the devices consuming licenses.\",\n    \"activation-log\":\n        \"Activation Log is a log entry of activation/deactivation of a particular license.\",\n    trial:\n        \"Trial/Trial Activation is a device that has activated a trial of your product.\",\n    \"audit-log\": \"Audit logs contain all the changes made to your account.\",\n    \"automated-email\":\n        \"Automated Email allow you to send marketing emails based on events on the linked product.\",\n    \"automated-email-event-log\":\n        \"Automated email event log is the log of all the automated email events for your product.\",\n    card: \"The payment card for your account.\",\n    \"feature-flag\":\n        \"Feature flags define features that make up tiers for your products.\",\n    invoice: \"\",\n    \"license-template\":\n        \"License templates are a blueprint for the licenses you create for your customers and prevent repetition when creating licenses.\",\n    \"maintenance-policy\":\n        \"Maintenance policies represent support contracts and can be linked to licenses.\",\n    plan: \"\",\n    \"product-version\":\n        \"Product Versions are sets of Feature Flags that define the tiers of your products.\",\n    \"release-channel\": \"Release channel is the release channel for your product.\",\n    \"release-file\": \"Release files are files within your created releases.\",\n    \"release-platform\":\n        'Release Platforms differentiate the target platform for your release. Common platforms include \"Windows\", \"macOS\", and \"Linux\".',\n    release:\n        \"Releases help you to manage different versions of your app, and secure distribute it to licensed users.\",\n    report: \"Analytics data for your account\",\n    \"role-claim\": \"\",\n    role: \"Roles define permissions for your team.\",\n    \"saml-configuration\": \"\",\n    segment: \"Sets of filters that can be saved to filter resources.\",\n    \"trial-policy\":\n        \"Trial policies are templates for creating trials for your products.\",\n    \"webhook-event-log\":\n        \"Webhook Event Logs are logs of events that have occured on webhooks.\",\n    \"webhook-trigger\": \"\",\n    webhook:\n        \"Webhooks are HTTP callbacks which are triggered by specific events.\",\n    organization: \"\",\n    profile: \"\",\n    setting: \"\",\n    tag: \"Tags allow you to manage your licenses and customers on the dashboard.\",\n    \"team-member\": \"Team members can access the account based on their roles.\",\n    user: \"A user refers to your customer whom you want to license your product.\",\n    \"sending-domain\":\n        \"Allows Cryptlex to send emails on your behalf using your From Email address\",\n    \"admin-role\": \"Roles that have type admin\",\n    \"user-group\": \"Groups of users that you can assign licenses to.\",\n    reseller:\n        \"Resellers allow you to delegate user management to third parties or partners\",\n    \"oidc-configuration\": \"\",\n    \"organization-claim\": \"\",\n    \"reseller-claim\": \"\",\n};\n\nconst RESOURCE_DISPLAY_NAMES: Record<string, string> = {\n    id: \"ID\",\n    createdAt: \"Creation Date\",\n    scopes: \"Permissions\",\n    updatedAt: \"Last Updated\",\n    expiresAt: \"Expiration Date\",\n    lastSeenAt: \"Last Seen\",\n    os: \"OS\",\n    osVersion: \"OS Version\",\n    key: \"License Key\",\n    vmName: \"VM Name\",\n    container: \"Container\",\n    allowedIpRange: \"Allowed IP Range\",\n    allowedIpRanges: \"Allowed IP Ranges\",\n    allowedIpAddresses: \"Allowed IP Addresses\",\n    disallowedIpAddresses: \"Disallowed IP Addresses\",\n    allowVmActivation: \"Allow VM Activation\",\n    disableGeoLocation: \"Disable Geolocation\",\n    \"user.id\": \"User ID\",\n    userId: \"User\",\n    productId: \"Product\",\n    downloads: \"Total Downloads\",\n    claims: \"Permissions\",\n    googleSsoEnabled: \"Google Login Enabled\",\n    lastAttemptedAt: \"Last Attempt Date\",\n    url: \"URL\",\n    \"trialPolicy.name\": \"Trial Policy Name\",\n    \"licensePolicy.name\": \"License Template Name\",\n    licensePolicy: \"License Template\",\n    eventLog: \"Audit Log\",\n    cc: \"CC Recepients\",\n    bcc: \"BCC Recepients\",\n    ipAddress: \"IP Address\",\n    resellerId: \"Reseller\",\n    productVersionId: \"Product Version\",\n    releaseId: \"Release\",\n    maintenancePolicyId: \"Maintenance Policy\",\n    webhookId: \"Webhook\",\n    automatedEmailId: \"Automated Email\",\n    \"location.countryName\": \"Country\",\n    \"location.ipAddress\": \"IP Address\",\n    \"location.countryCode\": \"Country\",\n    organizationId: \"Organization\",\n    \"address.country\": \"Country\",\n    \"address.addressLine1\": \"Address Line 1\",\n    \"address.addressLine2\": \"Address Line 2\",\n    responseStatusCode: \"HTTP Status Code\",\n    resourceId: \"Resource ID\",\n    Sso: \"SAML SSO 2.0\",\n    \"reseller.name\": \"Reseller\",\n    sendingDomain: \"Email Sending Domain\",\n};\n\nfunction getResourceDisplayName(\n    resourceName: string,\n    portal: CtxPortals,\n) {\n    if (portal !== \"admin-portal\" && resourceName in OTHER_PORTALS_DISPLAY_NAME) {\n        return OTHER_PORTALS_DISPLAY_NAME[resourceName];\n    } else if (resourceName in RESOURCE_DISPLAY_NAMES) {\n        return RESOURCE_DISPLAY_NAMES[resourceName];\n    } else {\n        return convertCamelCaseToTitleCase(resourceName);\n    }\n}\n\nconst ProjectContext = createContext<CtxPortals>('admin-portal');\n\nexport function ProjectProvider({ projectName, children }: { projectName: CtxPortals; children: React.ReactNode; }) {\n    return (\n        <ProjectContext.Provider value={projectName}>\n            {children}\n        </ProjectContext.Provider>\n    );\n}\n\nexport function useProjectName(): CtxPortals {\n    return use(ProjectContext);\n}\n\nexport function useResourceFormatter(): (resourceName: string) => string {\n    const portal = useProjectName();\n    return (resourceName: string) => getResourceDisplayName(resourceName, portal);\n}"],"names":["convertToTitleCase","input","word","pluralizeTimes","resourceName","count","convertCamelCaseToTitleCase","spacedString","substr","OTHER_PORTALS_DISPLAY_NAME","RESOURCE_NAMES","RESOURCE_DEFINITIONS","RESOURCE_DISPLAY_NAMES","getResourceDisplayName","portal","ProjectContext","createContext","ProjectProvider","projectName","children","useProjectName","use","useResourceFormatter"],"mappings":"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"}

package/dist/utils/use-mobile.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-mobile.es.js","sources":["../../lib/utils/use-mobile.tsx"],"sourcesContent":["import * as React from \"react\";\n\nconst MOBILE_BREAKPOINT = 768;\n\nexport function useIsMobile() {\n\tconst [isMobile, setIsMobile] = React.useState<boolean | undefined>(\n\t\tundefined,\n\t);\n\n\tReact.useEffect(() => {\n\t\tconst mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);\n\t\tconst onChange = () => {\n\t\t\tsetIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n\t\t};\n\t\tmql.addEventListener(\"change\", onChange);\n\t\tsetIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n\t\treturn () => mql.removeEventListener(\"change\", onChange);\n\t}, []);\n\n\treturn !!isMobile;\n}\n"],"names":["MOBILE_BREAKPOINT","useIsMobile","isMobile","setIsMobile","React","mql","onChange"],"mappings":";AAEA,MAAMA,IAAoB;AAEnB,SAASC,IAAc;AAC7B,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAM;AAAA,IACrC;AAAA,EAAA;AAGD,SAAAA,EAAM,UAAU,MAAM;AACrB,UAAMC,IAAM,OAAO,WAAW,eAAeL,IAAoB,CAAC,KAAK,GACjEM,IAAW,MAAM;AACtB,MAAAH,EAAY,OAAO,aAAaH,CAAiB;AAAA,IAClD;AACA,WAAAK,EAAI,iBAAiB,UAAUC,CAAQ,GACvCH,EAAY,OAAO,aAAaH,CAAiB,GAC1C,MAAMK,EAAI,oBAAoB,UAAUC,CAAQ;AAAA,EACxD,GAAG,CAAA,CAAE,GAEE,CAAC,CAACJ;AACV;"}
+{"version":3,"file":"use-mobile.es.js","sources":["../../lib/utils/use-mobile.tsx"],"sourcesContent":["import * as React from \"react\";\n\nconst MOBILE_BREAKPOINT = 768;\n\nexport function useIsMobile() {\n\tconst [isMobile, setIsMobile] = React.useState<boolean | undefined>(\n\t\tundefined,\n\t);\n\n\tReact.useEffect(() => {\n\t\tconst mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);\n\t\tconst onChange = () => {\n\t\t\tsetIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n\t\t};\n\t\tmql.addEventListener(\"change\", onChange);\n\t\tsetIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n\t\treturn () => mql.removeEventListener(\"change\", onChange);\n\t}, []);\n\n\treturn !!isMobile;\n}\n"],"names":["MOBILE_BREAKPOINT","useIsMobile","isMobile","setIsMobile","React","mql","onChange"],"mappings":";AAEA,MAAMA,IAAoB;AAEnB,SAASC,IAAc;AAC7B,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAM;AAAA,IACrC;AAAA,EAAA;AAGDA,SAAAA,EAAM,UAAU,MAAM;AACrB,UAAMC,IAAM,OAAO,WAAW,eAAeL,IAAoB,CAAC,KAAK,GACjEM,IAAW,MAAM;AACtB,MAAAH,EAAY,OAAO,aAAaH,CAAiB;AAAA,IAClD;AACA,WAAAK,EAAI,iBAAiB,UAAUC,CAAQ,GACvCH,EAAY,OAAO,aAAaH,CAAiB,GAC1C,MAAMK,EAAI,oBAAoB,UAAUC,CAAQ;AAAA,EACxD,GAAG,CAAA,CAAE,GAEE,CAAC,CAACJ;AACV;"}

package/lib/theme.css

@@ -76,8 +76,6 @@
     --color-success-9: var(--success-9);
     --color-success-10: var(--success-10);
 
-
-    /* TODO, multiple levels of elevation */
     --color-background: var(--color-neutral-3);
     --color-elevation-1: var(--color-neutral-2);
     --color-elevation-2: var(--color-neutral-1);
@@ -102,7 +100,7 @@
     --color-success: var(--color-success-7);
     --color-success-foreground: var(--color-success-2);
 
-    --color-border: var(--color-neutral-3);
+    --color-border: var(--color-neutral-4);
     --color-input: var(--color-border);
     --color-ring: var(--color-neutral-5);
 
@@ -115,15 +113,12 @@
     --color-sidebar-background: var(--color-elevation-1);
     --color-sidebar-foreground: var(--color-foreground);
 
-    --color-sidebar-border: var(--color-border);
-    --color-sidebar-ring: var(--color-ring);
-
     --spacing-input: calc(var(--spacing) * 8);
     --spacing-icon: calc(var(--spacing-input) / 2);
     --spacing-table: calc(var(--spacing) * 100);
 
     /* Header nav */
-    --spacing-header: calc(var(--spacing) * 16);
+    --spacing-header: calc(var(--spacing) * 12);
     /* Helper for using sidebar with header */
     --spacing-sidebar: calc(100svh - var(--spacing-header));
 

package/lib/utilities.css

@@ -35,28 +35,35 @@
 	@apply grid grid-cols-[repeat(auto-fill,_minmax(var(--fluid-grid-min),_1fr))] gap-icon;
 }
 
+@utility focus-ring {
+	@apply data-[focus-visible]:outline-none focus-visible:outline-none data-[focus-visible]:ring-1 data-[focus-visible]:ring-ring data-[focus-visible]:ring-offset-2 focus-visible:outline-hidden focus-visible:ring-offset-2 focus-visible:ring-1 focus-visible:ring-ring;
+}
+
+@utility disabled-muted {
+	@apply disabled:cursor-not-allowed disabled:opacity-70 aria-disabled:cursor-not-allowed aria-disabled:opacity-70 data-[disabled]:cursor-not-allowed data-[disabled]:pointer-events-none data-[disabled]:opacity-70;
+}
 @utility input {
-	@apply border border-input bg-card px-icon py-2 body placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50;
+	@apply border border-input bg-card px-icon py-2 body placeholder:text-muted-foreground disabled-muted focus-ring;
 }
 
 /* A base set of classes for elements that can be clicked */
 @utility btn {
-	@apply cursor-pointer ring-offset-background focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring leading-none no-underline whitespace-nowrap select-none disabled:cursor-not-allowed disabled:opacity-50 aria-disabled:cursor-not-allowed aria-disabled:opacity-50;
+	@apply cursor-pointer ring-offset-background [&_svg:not([class*='size-'])]:size-icon shrink-0 [&_svg]:shrink-0 leading-none outline-none no-underline whitespace-nowrap select-none disabled-muted focus-ring;
 }
 @utility btn-primary {
-	@apply border border-primary text-primary hover:bg-primary/10 focus:bg-primary/10;
+	@apply border border-primary text-primary bg-card hover:bg-primary/10 data-[hovered]:bg-primary/10 focus:bg-primary/10 data-[focused]:bg-primary/10;
 }
 @utility btn-destructive {
-	@apply border border-destructive text-destructive hover:bg-destructive/10 focus:bg-destructive/10;
+	@apply border border-destructive text-destructive bg-card hover:bg-destructive/10 data-[hovered]:bg-destructive/10 focus:bg-destructive/10 data-[focused]:bg-destructive/10;
 }
 @utility btn-neutral {
-	@apply border border-input text-accent bg-card hover:bg-accent/10 focus:bg-accent/10;
+	@apply border border-input text-accent bg-card hover:bg-accent/10 data-[hovered]:bg-accent/10 focus:bg-accent/10 data-[focused]:bg-accent/10;
 }
 @utility btn-secondary {
-	@apply border border-secondary text-secondary hover:bg-secondary/10 focus:bg-secondary/10;
+	@apply border border-secondary text-secondary bg-card hover:bg-secondary/10 data-[hovered]:bg-secondary/10 focus:bg-secondary/10 data-[focused]:bg-secondary/10;
 }
 @utility btn-ghost {
-	@apply bg-transparent hover:bg-accent/10 focus:bg-accent/10;
+	@apply bg-transparent hover:bg-accent/10 focus:bg-accent/10 data-[hovered]:bg-accent/10 data-[focused]:bg-accent/10;
 }
 
 @utility btn-dropdown {
@@ -76,6 +83,11 @@
 	@apply flex flex-col gap-6;
 }
 
+@utility form-field {
+	@apply flex flex-col gap-1;
+}
+
+
 @utility prose {
 	/* TODO, starting points are not correct */
 	li {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cryptlex/web-components",
-  "version": "4.1.0",
+  "version": "5.1.0",
   "description": "React component library for Cryptlex web applications",
   "author": "Cryptlex",
   "type": "module",
@@ -66,22 +66,9 @@
     "recharts": "2.15.3",
     "sonner": "1.7.0",
     "tailwindcss": "^4.0.6",
-    "tw-animate-css": "1.3.0",
-    "vaul": "1.1.2"
+    "tw-animate-css": "1.3.0"
   },
   "devDependencies": {
-    "@radix-ui/react-accordion": "1.2.11",
-    "@radix-ui/react-collapsible": "1.1.11",
-    "@radix-ui/react-dialog": "1.1.14",
-    "@radix-ui/react-dropdown-menu": "2.1.15",
-    "@radix-ui/react-label": "2.1.7",
-    "@radix-ui/react-popover": "1.1.14",
-    "@radix-ui/react-radio-group": "1.3.7",
-    "@radix-ui/react-select": "2.2.5",
-    "@radix-ui/react-separator": "1.1.7",
-    "@radix-ui/react-slot": "1.2.3",
-    "@radix-ui/react-tabs": "1.1.12",
-    "@radix-ui/react-tooltip": "1.2.7",
     "@storybook/addon-docs": "^9.0.16",
     "@storybook/addon-links": "^9.0.16",
     "@storybook/addon-onboarding": "^9.0.16",
@@ -92,7 +79,7 @@
     "@types/react": "19.1.0",
     "@types/react-dom": "19.1.0",
     "@vitejs/plugin-react": "^4.3.2",
-    "react-day-picker": "9.7.0",
+    "react-aria-components": "1.11.0",
     "rollup-preserve-directives": "1.1.3",
     "sass": "^1.80.6",
     "storybook": "^9.0.16",
@@ -100,7 +87,8 @@
     "typescript-eslint": "^8.7.0",
     "vite": "^5.4.8",
     "vite-plugin-dts": "^4.2.4",
-    "zod": "3.25.20"
+    "zod": "3.25.20",
+    "@internationalized/date": "^3.8.2"
   },
   "scripts": {
     "build": "tsc && vite build",

package/dist/components/inputs/calendar.es.js

@@ -1,61 +0,0 @@
-import { jsx as n } from "react/jsx-runtime";
-import { buttonVariants as t } from "../ui/button.es.js";
-import { DayPicker as i } from "../../node_modules/.pnpm/react-day-picker@9.7.0_react@19.1.0/node_modules/react-day-picker/dist/esm/DayPicker.es.js";
-import { cn as e } from "../../utils/primitives.es.js";
-function m({
-  className: r,
-  classNames: d,
-  showOutsideDays: o = !0,
-  ...a
-}) {
-  return /* @__PURE__ */ n(
-    i,
-    {
-      showOutsideDays: o,
-      className: e("p-3", r),
-      classNames: {
-        months: "flex flex-col sm:flex-row space-y-icon sm:space-x-icon sm:space-y-0",
-        month: "space-y-icon",
-        caption: "flex justify-center pt-1 relative items-center",
-        caption_label: "body font-medium",
-        nav: "space-x-1 flex items-center",
-        nav_button: e(
-          t({ variant: "neutral" }),
-          "size-7 bg-transparent p-0 opacity-50 hover:opacity-100"
-        ),
-        nav_button_previous: "absolute left-1",
-        nav_button_next: "absolute right-1",
-        table: "w-full border-collapse space-y-1",
-        head_row: "flex",
-        head_cell: "text-muted-foreground rounded-md w-input font-normal text-caption",
-        row: "flex w-full mt-2",
-        cell: e(
-          "relative p-0 text-center body focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",
-          a.mode === "range" ? "[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md" : "[&:has([aria-selected])]:rounded-md"
-        ),
-        day: e(
-          t({ variant: "ghost" }),
-          "size-input p-0 font-normal aria-selected:opacity-100"
-        ),
-        day_range_start: "day-range-start",
-        day_range_end: "day-range-end",
-        day_selected: "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
-        day_today: "bg-accent text-accent-foreground",
-        day_outside: "day-outside text-muted-foreground opacity-50  aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30",
-        day_disabled: "text-muted-foreground opacity-50",
-        day_range_middle: "aria-selected:bg-accent aria-selected:text-accent-foreground",
-        day_hidden: "invisible",
-        ...d
-      },
-      components: {
-        // IconLeft: () => <ChevronLeft className="size-icon" />,
-        // IconRight: () => <ChevronRight className="size-icon" />,
-      },
-      ...a
-    }
-  );
-}
-export {
-  m as Calendar
-};
-//# sourceMappingURL=calendar.es.js.map

package/dist/components/inputs/calendar.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"calendar.es.js","sources":["../../../lib/components/inputs/calendar.tsx"],"sourcesContent":["import type * as React from \"react\";\nimport { DayPicker } from \"react-day-picker\";\n\nimport { buttonVariants } from \"@/components/ui/button\";\nimport { cn } from \"@/utils\";\n\nexport type CalendarProps = React.ComponentProps<typeof DayPicker>;\n\nexport function Calendar({\n\tclassName,\n\tclassNames,\n\tshowOutsideDays = true,\n\t...props\n}: CalendarProps) {\n\treturn (\n\t\t<DayPicker\n\t\t\tshowOutsideDays={showOutsideDays}\n\t\t\tclassName={cn(\"p-3\", className)}\n\t\t\tclassNames={{\n\t\t\t\tmonths: \"flex flex-col sm:flex-row space-y-icon sm:space-x-icon sm:space-y-0\",\n\t\t\t\tmonth: \"space-y-icon\",\n\t\t\t\tcaption: \"flex justify-center pt-1 relative items-center\",\n\t\t\t\tcaption_label: \"body font-medium\",\n\t\t\t\tnav: \"space-x-1 flex items-center\",\n\t\t\t\tnav_button: cn(\n\t\t\t\t\tbuttonVariants({ variant: \"neutral\" }),\n\t\t\t\t\t\"size-7 bg-transparent p-0 opacity-50 hover:opacity-100\",\n\t\t\t\t),\n\t\t\t\tnav_button_previous: \"absolute left-1\",\n\t\t\t\tnav_button_next: \"absolute right-1\",\n\t\t\t\ttable: \"w-full border-collapse space-y-1\",\n\t\t\t\thead_row: \"flex\",\n\t\t\t\thead_cell:\n\t\t\t\t\t\"text-muted-foreground rounded-md w-input font-normal text-caption\",\n\t\t\t\trow: \"flex w-full mt-2\",\n\t\t\t\tcell: cn(\n\t\t\t\t\t\"relative p-0 text-center body focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md\",\n\t\t\t\t\tprops.mode === \"range\"\n\t\t\t\t\t\t? \"[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md\"\n\t\t\t\t\t\t: \"[&:has([aria-selected])]:rounded-md\",\n\t\t\t\t),\n\t\t\t\tday: cn(\n\t\t\t\t\tbuttonVariants({ variant: \"ghost\" }),\n\t\t\t\t\t\"size-input p-0 font-normal aria-selected:opacity-100\",\n\t\t\t\t),\n\t\t\t\tday_range_start: \"day-range-start\",\n\t\t\t\tday_range_end: \"day-range-end\",\n\t\t\t\tday_selected:\n\t\t\t\t\t\"bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground\",\n\t\t\t\tday_today: \"bg-accent text-accent-foreground\",\n\t\t\t\tday_outside:\n\t\t\t\t\t\"day-outside text-muted-foreground opacity-50  aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30\",\n\t\t\t\tday_disabled: \"text-muted-foreground opacity-50\",\n\t\t\t\tday_range_middle:\n\t\t\t\t\t\"aria-selected:bg-accent aria-selected:text-accent-foreground\",\n\t\t\t\tday_hidden: \"invisible\",\n\t\t\t\t...classNames,\n\t\t\t}}\n\t\t\tcomponents={{\n\t\t\t\t// IconLeft: () => <ChevronLeft className=\"size-icon\" />,\n\t\t\t\t// IconRight: () => <ChevronRight className=\"size-icon\" />,\n\t\t\t}}\n\t\t\t{...props}\n\t\t/>\n\t);\n};\n"],"names":["Calendar","className","classNames","showOutsideDays","props","jsx","DayPicker","cn","buttonVariants"],"mappings":";;;;AAQO,SAASA,EAAS;AAAA,EACxB,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,GAAGC;AACJ,GAAkB;AACjB,SACC,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACA,iBAAAH;AAAA,MACA,WAAWI,EAAG,OAAON,CAAS;AAAA,MAC9B,YAAY;AAAA,QACX,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,SAAS;AAAA,QACT,eAAe;AAAA,QACf,KAAK;AAAA,QACL,YAAYM;AAAA,UACXC,EAAe,EAAE,SAAS,WAAW;AAAA,UACrC;AAAA,QAAA;AAAA,QAED,qBAAqB;AAAA,QACrB,iBAAiB;AAAA,QACjB,OAAO;AAAA,QACP,UAAU;AAAA,QACV,WACC;AAAA,QACD,KAAK;AAAA,QACL,MAAMD;AAAA,UACL;AAAA,UACAH,EAAM,SAAS,UACZ,yKACA;AAAA,QAAA;AAAA,QAEJ,KAAKG;AAAA,UACJC,EAAe,EAAE,SAAS,SAAS;AAAA,UACnC;AAAA,QAAA;AAAA,QAED,iBAAiB;AAAA,QACjB,eAAe;AAAA,QACf,cACC;AAAA,QACD,WAAW;AAAA,QACX,aACC;AAAA,QACD,cAAc;AAAA,QACd,kBACC;AAAA,QACD,YAAY;AAAA,QACZ,GAAGN;AAAA,MAAA;AAAA,MAEJ,YAAY;AAAA;AAAA;AAAA,MAAA;AAAA,MAIX,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGP;"}